Transcripciones
1. Introducción: Hola a todos. Bienvenido a mi primer curso de Scotia. Continuar. Soy un desarrollador web de pila completa. En este curso, te enseñaría a construir y albergar tu primer sitio web personal sin costo alguno. Tienes que tener alguna experiencia de codificación previa ya que voy a desglosar el paso
lo más detalles posible . Y asegúrate de seguirme en las cosas de habilidad ya que tendré contenido impresionante saliendo regularmente para enseñarte todo sobre la codificación antes de sumergirnos en el curso un poco sobre mí mismo en chino en bilingüe. Ah, no
tengo antecedentes tradicionales en informática. Mi educación fue en realidad en periodismo y comunicaciones. De verdad creo que la codificación es una habilidad que se puede construir igual que cómo construyes tus músculos y aprendes construyendo proyectos. medida que recorres el video del curso por video, asegúrate de estar lleno de los pasos y luego comparte tus sitios con nosotros en la comunidad. Y no dudes en hacerme alguna pregunta y haré todo lo posible para responder a la mayor brevedad posible. Ahora vamos
2. Un vista previa de lo que construiremos:
3. ¿Este curso es adecuado para ti?: Muy bien, ahora ponte al negocio real antes de sumergirnos en el curso para ayudarte a construir y albergar un primer sitio web de forma gratuita. Me gustaría asegurarme de que te sientas listo y te sientas como tú en el curso correcto. Entonces enumero un par de razones por las que creo que debes tomar este curso tienes e tienes un trabajo a la mano y es sencillo. Tu freelancer o tu blogger o tu emprendedor. Se desea colocar el dedo 90 o socialmente en currículum, tener servicios, lo
desea listar en la página web. Si tu blogger, no
podrás hospedar un bloque con un nuevo sitio web y te puedo decir que sus herramientas y conocimientos
sencillos de codificación son los que te voy a enseñar hoy que te permitiría construir todas estas funciones en tu web ciclo libre. Y no necesitas pagar al desarrollador o plataformas de terceros como semanas o espacio cuadrado para construir este impresionante sitio web que estás a punto de tener y porque estás construyendo en una plataforma muy segura que muchos codificadores que ningún mundo está usando, se llama Kid Hub. No quieres trabajar no necesitas preocuparte por los problemas de seguridad, y no hay base de datos que tengas que gestionar. Y no tienes que preocuparte por todos los reyes del PLA que vienen con WordPress eso. En resumen, tienes un sitio web que satisfaría tus rodillas muy simples. Y, um, no
necesitas tomar tiempo extra, y ya tienes horario muy ocupado para preocuparte por, ya
sabes, sabes, bases de datos y problemas de seguridad y mantenimiento. Y sabes todo eso y no necesitas dedo del pie. Saca más dinero mensualmente para pagar un dominio o plan de hosting o un más frío para mantener tu sitio web o 30 para plataforma de terceros. Entonces si sientes que estás revisando todos los puntos de bala, entonces este curso es adecuado para ti en este curso se construye con una persona sin experiencias de
acuerdo previo en mente. Por lo que te guiaré por el medio ambiente, configurar eso es necesario dedo del pie para que este proyecto se ejecute
4. Instalación: seleccionar sección. Hablamos de un par de razones por las que este curso es adecuado para ti. Ahora, eso lo
arreglamos en esta sección, te
voy a guiar por los pasos y la instalación para asegurarte de que tu computadora esté lista con un juego para que el proyecto se ejecute en tu laptop. Este proceso de configuración tienen a las personas no tienen experiencia en código en mente. Entonces no tienes que preocuparte por, uh, ¿tienes las herramientas adecuadas en tu computadora? Te voy a guiar desde lo básico. Entonces hay tres cosas que necesitas. Necesitas un editor de texto. Utilizo supliendo impuesto tres. Pero eso no es necesario. Ahí está Adam y el estudio visual Code. Esos son gratuitos, y
también son geniales . Por lo que solo elige un editor de texto de tu elección. Sólo asegúrate de que no sea el editor de texto en el sentido tradicional, como ya sabes, Microsoft hacia. Y esos no son para codificar. Lo necesitas en editor de impuestos. Eso es gente estricta codificando necesitas abajo. Necesitas Donald escritorio arriba,
levantarte y también inscribirte con cuenta con Get up. Te paso por los conceptos básicos aquí en también adjuntar enlaces para que el software dude y luego también necesito un terminal terminal donde interactúes la computadora, hablas con la computadora, computadoras
hagan cosas por ti. Yo uso artículo, pero eso no es necesario. Si utilizas un libro de Mac, la app
terminal viene con él. Entonces para este proyecto, solo
voy a, um solo voy a usar terminal con propósito de demostración. Entonces para encontrar terminal, vas a ir a tu deck de aplicaciones, y luego haces clic en otro. Um, y aquí está Terminal. Entonces este es tu terminal que viene. Aquí es donde interactúas con una computadora. Ahora, la pieza de software que uso este sublime texto sublime Texas ataca editor que que una gran cantidad de código temas y luego te abres el archivo. Básicamente arrastraste un impuesto sublime a la aplicación. Yo lo he hecho. Entonces después de haber instalado, Donald hizo en y también instaló que pasamos a lo siguiente, que se llama obtener ayuda. Asumo que la gente estaba tomando este curso. No tiene perfil en darse por vencido. Así es como te inscribes. Um, y no una inscripción. Usted cerrando. Entonces tengo cuenta. Sólo voy a firmar aquí. Pero así es como se ve cuando quieres iniciar sesión y tienes algunas actividades. Es algo bueno tener. Entonces estaba diciendo que debes saber esto. Levántate escritorio. Te vas de escritorio, vas a descargar. No tienes Mac OS ni para Windows. Entonces después de que bajaras con esto, probablemente
lo llevaría a la aplicación. Por lo que vive en tu aplicación. Bach. Aquí mismo. Sólo tienes que seguir pasos. Asegúrate de encerrarte en tu niño, ten escritorio. Y hay algunos ajustes provinciales que me gustaría que te aseguraras de que hayas hecho eso. Entonces este es para asegurarte de que tengas el dedo del pie token correcto. Comprometerse con tu top de niño. Tan solo asegúrate de que tu nombre y quién nos envía un correo electrónico correcto y también para la configuración del evento, solo asegúrate de elegir a los editores de tu elección. Usé abasteciendo de impuesto, así que es que me volví. Pero en este caso, voy a usar tribunal para que la gente pueda seguirme sin votar. Juez Demasiados pasos extra, está bien. Y todos estos ajustes se ven bien en el Guardar. Por lo que ahora tenemos estas tres cosas instaladas en nuestra computadora. Creo que es un momento perfecto para terminar esta sección y luego pasar a la siguiente sección. Vamos a hablar de eso. Obtener página arriba.
5. Consulta y dónde recibir ayuda: ¿ Cómo te sientes? Acabas de terminar toda la instalación necesaria en la sección anterior. Tienes alguna pregunta, por lo que debes acudir a. Debajo del video, hay varios grifos. Hay un grifos que tu proyecto y haces clic en que hay en el lado derecho. Dijo ER. Archivos adjuntos y tendría archivos con todos los enlaces de instalación en el pdf. Entonces si tienes alguna pregunta sobre todos los softwares que mencioné antes, uh, asegúrate de ti, Donald, que Andi tengo todas las cosas que están tan terminadas. Toda la instalación antes de continuar y también un poco de limpieza sobre preguntas. Si tienes alguna pregunta, no sufras en silencio. Publicó preguntas en la comunidad. Tab Iess instructor verificaría eso. Estás comin especulativamente y asegúrate de que puedo preguntarles lo antes posible. Pero también, es una gran manera para que lo sepas, otros estudiantes del dedo del pie de la clase miran preguntas y se ayudan mutuamente y también aprenden unos
de otros. Por lo que es un gran lugar para hacer preguntas en la comunidad
6. Configuración de páginas de GitHub: Por lo que a continuación vamos a hablar de levantarse Page. Este es un motor de hosting que vamos a utilizar para este proyecto porque es gratuito. También usan a Jackal del que hablaremos más tarde. Es ah T. Asegúrate de que es un sitio web consciente de bloques ahí. Pareja de razones. Ya te dije por qué usar esto que es barato es barato para apuntar que no necesitas
gastar un dólar. Y también es muy ligero para el tipo de prueba que vamos a hacer hoy para, ya
sabes, sitio web
personal. Vamos a construir lo que lo llamamos, obtener ayuda sitio de usuario para que puedas ir a páginas que obtengan medio punto com. Esta es una muy buena página de intro de un esquí. Ahí hay dos tipos. Hay uno que se llama usa lado, y hay sitio del proyecto, uh, que la diferencia realmente está bajando a la chica. Puedes tener varios sitios de proyectos porque tienes un nombre de usuario. Entonces tienes uno. Uh, eres así y luego puedes decir slash y luego nombres de repositorio, pero para usar un sitio que solo tenemos uno así que volviendo a mi página de levantarse ya tengo uno. Utilizas una página en mis cuentas de obtener ayuda originales. Y por eso voy a cerrar la sesión de mi cuenta normal. Y voy a iniciar sesión en una cuenta nueva que me registré para esta clase porque quiero poder registrar A Quiero poder registrar un sitio de usuario sin interrumpir el sitio
anterior que tengo. Genial. Entonces esto es un Brent. Esto es lo que parece cuando no tienes repositorio. Por lo que esencialmente otro para el uso deciden ser único. Necesitas asegurarte de que tu nuevo nombre de repositorio sea tu razonamiento. Si la primera parte del repositorio no coincide exactamente con la que estás usando, no funcionará. Y luego vamos a usar levantate esa parada para configurarla y empecemos un proyecto. Entonces recuerda lo que escribimos sobre Obtener páginas de ayuda 30 año para que el niño haya utilizado la página para trabajar, tenemos que asegurarnos de que el nombre del repositorio coincida exactamente con tu nombre de usuario apagado, consigue hub y luego con los niños, ¿eh? Yo o y así como funciona. De esta manera cómo conseguir haber identificado este repositorio como tu levantarte. Usa una página, así que asegúrate de hacerlo bien. De lo contrario no funcionaría. Si lo haces bien, puedes decir crear repositorio. Y luego porque tenemos esa parada después, vamos a montar ahí así como así. Rápido, levántate escritorio. Y te dice, um, esta hermana, estás fuera de la puerta, hoppy, mientras que justo ahí y va a clonar a tu entorno local bajo documento en la carpeta Culkin trabajo. Y ahí está. Dices penumbra. Y ahora vas a tu buscador. Pasas a ir debajo de tu documento. Si me levanto, Ahí está. Ese es tu que es tu repositorio afirmando a nivel local que no hay nada ahí todavía lejos . Para comprobar si tienes eso correctamente, es entrar a tu terminal. Entonces esto es cosas manera humana de hacer las cosas. Hacemos clic en iconos y encontramos padres. Es así como evaluamos al consumidor de tecnología, estar interactuando con la computadora. Originalmente, las personas que usaban computadora se comunicaban con la computadora a través de lo que llamamos la consola la terminal, y te voy a enseñar las líneas de comando suficientes para pasar. Por lo que entramos en así l s enumerará cada carpeta, cada documento que está bajo su ruta de inicio. Carpeta raíz del repositorio. Uh, esta cosita de aquí, no
sé cómo se llama. Este pequeño símbolo aquí significa que estás en la raíz cuando lo clonamos. Dijo que se clonara bajo documento. Entonces decimos que CD fue movido al documento y luego dijimos, ls nos dará todas las carpetas que tenemos. Entonces voy a entrar al hub y ver Ahí está,
Eso es nuestro repositorio de ayuda que vive en nuestro entorno local. Voy a ver el dentro del archivo un gran trucos para saber cuando tienes completo el nombre como este muro que estás escribiendo también. A unos cuantos le importa que estés escribiendo también. Unas cartas para asegurarte de que hablaste al punto de que no hay otro para aprender que compartan el mismo comienzo. Y luego te tabulan y ellos también sentirán por ti. Entonces estás en el repositorio. Hagamos un archivo llamado touch um, Indice que ella y genial cuando vamos debajo de la carpeta y lo abrimos con, um sublime Tex genial. Parece que lo acabo de actualizar. Entonces no hay nada en índice. Avergonzado. ¿ Cómo ya? Uh, esto es un poco de magia, Uh, sólo para hacerte una prueba de desarrollo aquí mismo. Está bien. Lo guardas y luego lo abres, intenta abrirlo en el navegador allí. Esto es como, el primer paso por el que todo desarrollador pasa. Um, ahora lo hiciste. Ahora eres desarrollador.
7. Pasa vivo en una línea: Por lo que hacemos cambios en el repositorio localmente. Y cuando vuelves a conseguir la parte superior de la mesa de ayuda, ves que el cambio aparece en las cerraduras de cambio. Deberías comprometerte con tu sucursal, amo rama. Y aquí me voy a quedar. Significa iniciar el repositorio, puedo decir para las pruebas. Um, y dije, comprometerse con el Maestro. Y porque tengo mi git, um token configurado. Ahí es donde decía antes sobre las preferencias aquí. Asegúrate de tener este paso configurado,
um, um, para que este paso siga adelante sin problemas. Entonces hay tres que yo llamo los tres pasos de Ponte de pie, tú cambias. Y después de hacer cambios, te comprometes. Eso es lo que pasó. Aquí mismo. Escribes un resumen y algunas descripciones sobre ¿Sobre qué? ¿ Qué has cambiado en este compromiso en particular y luego realmente te comprometes. Ese es el segundo paso. No lo has terminado. Entonces cuando vas a tu página de levantarte ahora, uh, estabas fresco. ¿ No pasa nada? Uh, lo
cometiste localmente, pero no está en el abarrotado. Por lo que para poder hacer
eso, es necesario publicar. Genial. Ahora dije que está publicado y vas a tu repositorio y git refrescante. Verás que tu co apareció hace dos minutos. Eso significa levantarse sabe que hace el commit localmente hace dos minutos. Entonces publicar solo significa que ahora está en el aire. Entonces eso es genial. Tienes tu primera página de levantarte, comete los que dejaron en el aire. Yo quiero mostrarles que es realmente genial. Recuerda que hablamos antes del Earl. Ahora escribes eso y golpeas retorno. Esa es tu página. Está en línea. Ahora es No hay, no hay molestia. No hay honorarios. Está en línea y es Ah, es tu página con la tuya, estás fuera y está completamente bajo tu control. Tengo un sabor de la magia de las páginas de levantarse. Seguro que estás tan emocionado del dedo del pie. Entra y personaliza tus páginas a tu gusto, y eso es lo que vamos a hacer en la próxima sesión con Jacko
8. Ponte y corre en segundos con temas de Jekyll: Grayson última sección. Nosotros, uh nos emocionamos mucho por lanzar este sitio web en línea con una sola vida, um, en Shimo. Y esto no es de lo que tratan los cursos. Queríamos construir un sitio web que tenga todas las funciones de las que hablamos antes. Ya sabes, enlaces a sus redes sociales y también tal vez un lugar para bloquear fueron colocados al señor Servicios. ¿ Y cómo podemos hacerlo con conocimientos muy limitados de codificación? Por eso vamos a,
uh, uh, esta herramienta de tesis llamada Chacal. Entonces básicamente, lo que es la ISS, uh, es un Es un sitio estático. Uh, generador que, uh, todo lo que necesitas es poner tu impuesto de avión, y se volverá a sitios web y bloques. Y hay tantas plantillas por ahí que cabrán. Eso se necesita. Me meteré un poco más tarde. Entonces todo este chacal, es un rubí Jim. Por lo que eso significa que debes asegurarte de que tu computadora tiene estará preinstalada en el camino para comprobarlo. Eso es muy sencillo y claro. Mi abogado es escribiendo a Ruby Dobby, y si obtienes un resultado como
este, esto después de exacto no tiene que ser 2.5 puede ser 2.4 o 2.3. Si tienes un problema con esto, no
tienes una versión de ruby saliendo Cuando estás escribiendo esto, eso significa que no tienes a Ruby Princeton. Te pondré te dieron un pdf. Puedes ir debajo de tu pestaña de proyecto y luego estar en la parte inferior de los archivos adjuntar. Tendré otra Pia. Después de que hayas hecho eso, puedes volver al video. Y es hora de que probemos la magia de Jekyll. Entonces la forma en que lo haces, es muy simple. Así. Instrucciones de inicio rápido. realidad sólo hay unas pocas líneas. Es un rubí. Jim, Quieres asegurarte de que esté instalado. Genial. Tienes que, uh, James instalado. Ahora, esto es que Esta es la palabra mágica. Uh, esta cosa de aquí. Entonces esta parte Jekyll New es el comando y freelancer es solo el nombre del proyecto. Fantástico. Ahora mismo tienes un archivo aquí mismo, freelancer. Sí. Me aseguro de que veas el en tres, y ahora tienes un montón de archivos que se genera por solo un código mentira fuera aquí mismo. Te voy a mostrar cómo se ve y tiene dirección de servidores de ejercicios aquí. Este es el puerto 4000. Volvemos aquí, teclea local, post 4000 Así que cero sitio web, cuando parece que si te comprometes eso en tu obtener ayuda contar cuando estás en Jekyll sabía algo. Este es el tema predeterminado que Jackal va a instalar en tu proyecto, donde se llama Minima. Hay toneladas de otros temas en los que voy a meterme para asegurarme de que puedas hacer las cosas que quieres hacer en tu página web. Esto es, ya
sabes, sólo una muestra de lo que Jackal te permite hacer y sólo un ojo realmente. Así que celebra lleno de mis pasos y asegúrate de obtener este paso justo siguiente paso pasaré a cómo personalizar cómo cambiar estos contenidos,
cómo los, cómo los, um enlaces a tus enlaces en lugar de los enlaces predeterminados captando el siguiente video. Pero asegúrate de tener este paso configurado
9. Poder de temas: el último apartado. Logramos generar un sitio en segundos y solo realmente una mentira con Jekyll. Yo sólo quiero recapitular un poco antes de seguir adelante. Asegúrate de conocer los pasos correctos, porque en los próximos videos de pareja, se va a poner realmente en profundidad en cambiar el sitio de comida de pequeños detalles. Por lo que quiero asegurarme de que lo hagas bien. Eso que estás siguiendo con nosotros sin problemas. Por lo que hablé antes de que porque Jackal es un Ruby Jim, por lo que el ruby es un lenguaje. El modo de comprobarlo era comprobar escribiendo en tu cónsul Ruby espacio Dash B. Y luego hay un resultado. Si hay un resultado, como un número como un 2.52 punto cuatro, no tiene
que ser exacto. Pero es bonito que tengas una habitación que se instale, entonces bueno para ir. Y entonces, um, hablamos de estas palabras mágicas. Hay mentiras realmente llenas que necesitas para levantar el sitio web por la mañana. El 1er 1 es instalar el Jackal Jim en tu carpeta, y después de que hayas hecho eso, generas un proyecto con Jackal. Cuando ganaste que mi edad básicamente generó una carpeta que se llama con el nombre del proyecto escogiste y luego asegúrate de mudarte al CD de miembro de la carpeta a pesar de mudarte a la carpeta y después de mudarte a la foto estás en el proyecto The Jackal Proyecto. Entonces corres la línea la última noche Bondo Exactamente. Sirvió Jekyll. Y entonces te dará algo así como un Eres, pero no exactamente. Y luego, después de la que te mostraré, dame esta línea. Esto está sirviendo en el anfitrión local 4000. No es necesario buscar esta mina cada vez porque Jacko servía por defecto usó Deport 4000. Entonces ingresas a tu navegador, apuntas al host local 4000 y luego solo hay sitios. Permítanme volver con nuestro cónsul. El modo en que el acento fuera del servicio recuerda el servicio que se está ejecutando. El modo de hacer que se detenga es presionando el control y ver al mismo tiempo, asegúrate de que es si tienes un libro de Mac, no
es comando. Ver su control, Ver salida después de él. En realidad, esa es la nueva buena carrera del dedo del pie. Comenzar otros. Entonces, en el archivo del gimnasio, así es Así es como Chacal. Esto es lo que quiere decir por tema basado en Jim. Cuando creas un nuevo sitio web ejecutando este comando, básicamente
estás usando el tema predeterminado basado en Jim llamado Minimal. Digamos que el tema predeterminado no encaja realmente lo que necesitas. ¿ Y cómo te dedicas a buscar otros temas? Por suerte, hay un ciclo Web. Ruby Gems que albergó todas las gemas que se publican en la plataforma Ruby Gems. Vas a Ruby Gems, Doc o luego buscas temas chacales. Se puede ver cómo la gente descarga estos. Eso significa ayuda aquí arriba. Que sean también significa un apoyo más fuerte a los temas. Um, una escena tipográfica de arco. ¿ Ves cómo se ve? Tratemos de usar este tema para nuestra página web, y ¿cómo hacemos eso? Volvamos de nuevo dedo del pie película James dot org Así que normalmente cuando uno entra en estos Jim Files, tienen documentaciones, y generalmente cuando el gimnasio está bien administrado, eso significa que tienen muy buena documentación. Cuentan con una guía de instalación muy detallada. Solo tenemos que seguir paso a pasos así que básicamente parece que necesitamos agregar Ally para especificar el gimnasio, y luego tenemos que cambiar el tema a Jekyll Swiss y luego hacer paquete, y eso es todo. Entonces esta es otra forma de hacerlo. Pero con el propósito de entender a Jekyll cómo se usa en cómo cada archivo se conecta entre sí, vamos a ir por este brote. Eso es más manual. Entonces volvamos a esto. Y me gusta copiar el archivo Jim directamente desde aquí porque tiene la versión exacta aquí mismo. Copia aquí y luego vuelve a mis archivos de gimnasio. Voy a sustituir esta línea por una nueva línea, y luego el siguiente paso a hacer es ir al come pick young file. Por lo que este archivo es probablemente el único archivo más importante de toda la carpeta Jackal. Es así como controlas y haces el cambio en un bloque entero. Eso es tema fino aquí y sigue fijada a Numa. ¿ Te acuerdas? Vimos en la guía de instalación Dijeron, cambiar esto en barrido para atrás. Asegúrate de que lo tenemos bien. Documento. Y agregó astutamente al lado de Jekyll. Ya tenemos una mentira temática, así que solo necesitamos cambiarla. Se puede preguntar a Chacal, suizo. Nosotros lo guardamos. Ahora hacemos un paquete. Genial. Entonces si miras con cuidado aquí si me chacal suizo, está instalado y vamos a ver si se ve afectado. Asegúrate de tener este salto de línea. Volver a esta página. Nosotros lo suficientemente fresco Tiene su sitio no es también no es así de sencillo? Ahora tienes el mismo diseño,
Uh, Uh, en tan solo un segundo, solo cambiando dos líneas. Entonces en esta sesión, vamos a hablar exactamente de cómo haces los cambios en el título de tu sitio. Todas estas cosas. Si tienes alguna pregunta, por favor asegúrate de compartirlas en la comunidad.
10. ¿Qué hemos aprendido hasta ahora?: por lo que para recapitular, habrá aprendido hasta el momento. Logramos usar el tema predeterminado para salir de arriba y correr en tan solo una noche. Y también sabemos sección logró usar una gema que buscamos en Ruby Gems Doc Cork y después logramos instalarla en un nuevo sitio. Entonces, ¿recuerdas cómo dijimos que pasas a ser James doc trabajo, y luego buscas a Jackal? Es decir, y entonces esos son todos los temas. Y nosotros, uh, recordamos elegimos la escena suiza justo aquí y una copia pega. Éste porque tiene un número de versión aquí mismo. Y luego entro en su página principal y así es como se ve. Estamos de acuerdo con ello. El impresionante documentación, mo cómo seguimos esta documentación. Cambiamos un tema en nuestro archivo de gimnasio aquí mismo. Y también en nuestra configuración,
cambiamos el tema a Jekyll Swiss, y luego nos estanque lo hacemos. Uh, aquí mismo para instalar todas estas nuevas dependencias de archivos de gimnasio para que el sitio sepa qué Jim usando qué vapor usando. Y luego ejecutamos este paquete de línea mágica excepto deco sirven para ponerlo en línea en. Después señalamos navegador al puerto 4000. Y luego, aunque es gracioso
11. Personaliza tu sitio: ahora usando un tema, pero quieres poder cambiar tal vez el color, tal vez el título. ¿ Y cómo se hace eso? Por lo general me gusta volver a la documentación y ver si hay especificación de que eso era barco en, que se puede cambiar fácilmente, exactamente como mucho espacio en blanco. No te gusta la oscuridad off el default parecen. Volvamos a la pick come involucrados. Entonces, ¿así es como haces muchos cambios para personalizar tu sitio web? Los cambios que solía hacer al principio,
lo que estamos haciendo en este momento, configurar base y entonces no se supone que toques a este vil muy a menudo. Entonces eso es seguro en Regresar a un consejo. No te vayas. Jack Cooley, señor. ¿ Ves eso? Mi medio es que se está ejecutando. Sí, nosotros frescos Ahora tienes aplicar el nuevo look, uh, en tu sitio. Entonces volvamos a nuestro directorio. A mí me gusta cambiar de título. Digamos que cambié para contestar Looker. Esto comienza. Genial. Ahora he cambiado un título y ahora cuando hago clic, estas cosas van a la, um creo que pongo aquí solo puedo verificar aquí mismo Va al perfil Youling también. Genial. Entonces, ¿cómo cambio al respecto? Acerca de MD markdown? Entonces esto es sólo intentarlo. Yo tomo eso. Y recuerda cómo tenemos que dejar de correr y volver a correr con cambios en él Archivo. Cuando realizas cambios en un archivo de rebajas en tu publicación, no
necesitas hacer eso. Jekyll es lo suficientemente inteligente como para generar automáticamente este tipo de contenido. Entonces ya ves, esto está ahí arriba. Por lo que hay una descripción del sitio. Olvidé cambiar eso. Guarda eso. Recuerda te dije que cuando realizas cambios en estos archivos, se reflejaría automáticamente. Y cuando hagas cambio en este expediente, no
lo hará porque te lo voy a mostrar. Ves, no se ha cambiado. Por lo que tienes que asegurarte de detener esa carrera otra vez, luego haces que refleje cambios en todo el sitio. Y ahora esto está aquí. Por lo que se ve bien. Y si te gusta hacer el cambio, suponga, uh, esto es muy útil. Te dice cómo crear un archivo. Asegúrese de que el nombre de esta convención. Por lo que este año, Dash monstruo fecha Dash, Nombra tu nombre de tu puesto. Bienvenido a Chacal. El título y luego e Eckstine es de la extensión, y en este caso, está marcado. Así que asegúrate de hacerlo bien. De lo contrario no reflexionarías sobre la cuadra. Si no sabes nada de Ruby, no te
preocupes por estos. Pero si lo eres si lo haces, aquí es donde puedes insertar es cómo puedes insertar fragmentos de rubí tan grandiosos. Mira a tu alrededor, haz algunos cambios. Puedes asegurarte de hacer una captura de pantalla de lo que tienes en tu sitio web Compartir como tu proyecto. Te atraparé en el siguiente video.
12. Publica tus cambios: Entonces en el último video, hablamos de cómo realizas cambios, personalizas un contenido en tu sitio web, pero solo quieres asegurarte de que aún recuerdas cómo empujarlo sobre tus páginas levantadas. Entonces volvamos a conseguir tener escritorio. Sin duda, tiene un montón de cambios. Voy a evitar que esto se ejecute, así que voy a eliminar Small para probar. Mm. En la primera lección. Y entonces yo estaba limpio. Yo voy a comprometerme con esto. Dices usar visto, comprometerte a dominar y luego publicar. No se encuentra la página. Esto se debe a que tenemos anidamos todo bajo carpeta Freelancer. Por lo que queremos mover todos estos archivos a la raíz y luego eliminar esta respuesta de tweet y luego volver. Teoh, levanta esa parada. Y tiene todos estos cambios se puede decir, Muévete a la fruta, comete empuje y luego vuelve aquí. Asegúrate de que eso ha cambiado. Impresionante. Vuelves atrás del dedo del pie esto y luego lo tienes la vida. Este tema al alza vive con un tema que te gusta y con contenidos y enlaces que es adecuado para tu proyecto. Como ya he dicho, hacer algunos cambios. Asegúrate de que esté vivo y me gustaría ver capturas de pantalla o enlaces en la pestaña de la comunidad o como proyecto. Me aseguraré de comentar cada uno de tus proyectos, así que por favor asegúrate de compartir con la comunidad. Por lo que todos los estudiantes para reino el uno del otro, veré en el siguiente apartado.
13. Modo de proyecto: planificación: felicitaciones. Hasta este punto, si sigues todos los pasos y los videos, eres capaz de generar el lado Chacal en una sola línea usando su cosa predeterminada. O también sabes dónde encontrar temas basados en Jim en línea, lo que has hecho al seguirme, usando el Jim suizo en los videos anteriores. Entonces recuerda, al inicio de la clase que hablamos de que vayas, querías tener un sitio web, y por eso realmente creo que vale la pena tomar este curso es que vas a construir un proyecto fuera de tu y en este punto, Creo que te animo fuertemente. O bien empieza a hacer tu propio proyecto siguiendo mis videos o empieza a planear qué tipo de función te gustaría tener en tu sitio web y busca temas en línea que encajen. Necesitas Building website planning es realmente la mitad del trabajo. Por lo que para tu proyecto un t final de la clase, me gustaría que elijas un tema en el gimnasio basado con el cual estamos familiarizados. Y también hay otro tipo que es fresco repositorio alojado y mucho más como
temas de código abierto que republique para ser alojada la anfitriona Jen en Ruby Gems. Y en el próximo par de videos, voy a usar uno de esos para enseñarte cómo. Si encuentras uno de los temas que albergó su repositorio, te
enseñaré cómo usar esos temas en tu página web. Una vez que elijas el tema y que los instalen en tu proyecto, quiero que personalices el contenido de acuerdo a tus necesidades. Y luego, lo
más importante, quiero que uses el conocimiento que has aprendido hasta ahora para lanzarlo para que otras personas puedan ver un sitio web. Y realmente lo más importante, estamos en la clase. Esta es una comunidad sobre la experiencia de aprendizaje. Estoy muy emocionado de ver un proyecto. Y te prometo, si compartes tu proyecto, subo una página de inicio de captura de pantalla y también un enlace. Bueno, simplemente no pienses demasiado. Obtienes páginas de ayuda como proyecto. Yo comentaría proporcionar retroalimentación sobre cada proyecto que recibí. Entonces, ¿estás listo para esto? Si estás listo, Um, por favor solo usa el siguiente par de videos para ayudarte a solidificar lo que has aprendido hasta ahora . Y como voy a ir más a fondo, podrías ser útil para limpiar algunas de las preguntas que podrías tener cuando estás desarrollando tus propios sitios web. Y si no te sientes listo, puedes usar los próximos videos de pareja. Una guía za para ayudarte a familiarizarte más con el proceso, y eventualmente podrás construir el tuyo propio en cualquier situación. Me emociona construir un lado de servicio a tu lado mientras construyes el tuyo propio. Esta vez voy a ir más a fondo y ojalá respondamos algunas de las preguntas en mi mitad cuando estés construyendo tu propia página web. Te veo en el siguiente video.
14. Modo de proyecto: elegir un tema: Entonces, solo hagamos una simple búsqueda en Google sobre temas chacales y veamos qué pasa. Entonces el primer resultado que surge es este ciclo Web temas Jekyll, perro o es impresionante sitio web que albergó una gran cantidad de temas de código abierto, y deberías poder hacer clic en cada uno de estos. Lee sobre las características en también ve a su página principal, y esta tiene demo que puedes hacer clic en jugar antes de que decidas que esto es adecuado para mí. Entonces en los videos anteriores, hemos construido un sitio web que es más como un bloque. Por lo que para los próximos videos de pareja, me gustaría construir una página de préstamos que sea para listar servicios. Creo que eso podría ser útil para algunos de ustedes. Por lo que hay una ficha de Donald hit de Donald SE archivos. Ábrelo y arrástralo a tu escritorio, y deberías hacerlo. Si no estás seguro de que este es el sitio web correcto. Solo quieres jugar. Te recomendaré que abras un nuevo consejo aquí ciudad a este votante y juegues. Haz algunos cambios antes de copiar, pega todos estos y elimina thes arrastra Estos aquí. Pero en este caso, realmente
decidí que este es el tema correcto para mi proyecto. Voy a copiar días y diariamente Todas estas estas levántate página director se viene está directamente vinculado con tu cuenta de niño arriba. Por lo que cualquier cambio para hacer carpetas Indus será rastreado bajo conseguir ayuda que se detenga como ves aquí. Entonces la primera luz son chacal seis línea la cual se financia carne que iniciamos Jim archivo para hacer un seguimiento de las gemas que instalaste este directorio doméstico. Ahora ya ves, hay un nuevo expediente laboral. Uhm lo voy a abrir en el suministro de texto para que puedas ver mejor en este anuncio que una mentira en el Jackal Jim en el archivo y también un montón de otros archivos que es necesario para que el sitio
Jackal se ejecute. Y luego dices que instalas dices deshacer chacal exacto, señor. Silbar líneas familiares. De acuerdo, vayamos al anfitrión local 4000 y veamos si la mirada mágica es fantástica en la siguiente lección, vamos a cambiar. Vamos a personalizar este sitio web cambiando título vinculado a redes sociales y también enumerar algunas superficies. Por lo que veo en la siguiente lección
15. Modo de proyecto: estructura de archivos y funciones: el último video. Buscamos un tema de Chacal en línea, y corremos que este gimnasio de líneas completas instalara Pando Jackal. Y también iniciamos Jim cinco corriendo. Empaquetándolo. Entonces aquí estamos. Estamos exactos para personalizar este sitio web. Hacer nuestro hogar. Yo quisiera volver al Chacal. Documentación bajo estructura de directorios para solo darte una idea. ¿ Cuáles serían esos expedientes? Guerra. Hemos estado usando la empresa en cinco para cambiar. Ah, datos sabios
del sitio. Y también nos familiarizamos también con la carpeta Post. También se genera varios por el motor Chacal, donde aquí es donde se supone que no debes tocar, Así incluye espectáculos pa que se pueden hacer el partido con tu diseño encendido ahora es básicamente una plantilla para que la escena envuelva. El contenido es post hatters. Entonces volvemos atrás y miramos alrededor de esta foto. Se puede ver que hay una sección sobre la cual creo que corresponde a esta parte. Y hay contacto, uh, que es que creo que está por aquí. Este rol y hay Footer y otros en la casa básicamente organizaron estos parciales en un orden para que tu página Hesse tenga un buen flujo de contenido. Al mirar este archivo, realmente no se
puede ver. Um realmente no se puede ver que Twitter pase cosa. Entonces, ¿cómo se convirtió esto en esto? Entonces ves su tamaño título social y social y cómo? No lo sabe. Entonces recuerda, hablamos de, um, fuego antes. El expediente de condena. Esto es básicamente, como una base de datos a nivel estatal donde haces tu configuración inicial, y luego estos datos se reflejarán en diferentes partes de tu sitio.
16. Modo de proyecto: personaliza tu sitio (parte I): por lo que la parte social estaba aquí. Tratemos de hacer algunos cambios aquí sólo para probar. A mí me gustaría añadir otro ataque en redes sociales porque podrías tener varios. Título. Ver, me gustaría dejar esta línea de créditos. No negó habló en el hombro de gigantes gente que está contribuyendo, como, en este caso, este tema 'll para que no te lleve tiempo lanzar sitio. Entonces voy a guardar esto en uno. Vuelve al anfitrión local por miles. Fantástico. Por lo que el título del amor se ha cambiado. Esto es algo feo, así que hay una manera de cambiar la muerte. Entonces mientras estas dos columnas y hasta 12 te bien didi a de aquí y a estas dos aquí seguro y ver si cambió Gran algunos de su en una noche. Y una de las razones por las que las acciones sesgadas no tienen a Nikon es porque usan fondo. Impresionante, aunque desvío aquí impresionante te permiten luchar contra iconos realmente fácil, y nuestro tema tiene un frente para impresionante preinstalado. El motivo La razón por la que no puedo presentarme es a través de esta línea y busquemos iconos y se
puede buscar beisbol y estoy seguro de que la habilidad no comparte. Yo estoy en el vist. Entonces por eso no me presenté. Te gusta este cambio a una red social, Así que entonces me calmo será Aparecerá aquí, llega figura y archivo. Tenemos que salir y correr de nuevo. Genial. Ahora es Instagram y también tiene un ícono. Uh, entonces te animo a hacer un poco de investigación por teléfono. Impresionante. Cuando se agregan enlaces, el siguiente paso es cambiar estas partes. Genial. A mí me gusta quedarme con estos, pero puedes borrarlos todos. Digamos dioses y mariscos. Aquí se refleja. Refrescante anfitrión local 4000 Lhasa y su verifican las piernas funciona.
17. Modo de proyecto: personaliza tu sitio (parte II): Ahora vamos a abordar esta cabeza. Que lo haga desarrollador. Esto se reflejará aquí en la pestaña. Y entonces, ¿cuál es la siguiente cosa? Es Heather. Está bien, se ve bien. Guarda eso. Vuelve aquí ahora. Yo nos cambié. Ahora este cambio de la señora Servicios, ese es el contenido de la página. Estos básicamente están anidados juntos como posts. Por lo que echemos un vistazo a estos anfitriones su correspondiente a faltar de tres servicios. El 1er 1 que así lo diga. Echa un vistazo cómo estos archivos de rebajas en enlaces. Es diferente a cómo agregamos enlaces en caídas HTML. Es un ataque con el extra y luego los pones aquí. Y entonces este es el texto que aparece en el lugar de este visón. No obstante, en el rebajas, Uh, donde tienes que hacer se pone en el título que quieres aparecer en el lugar de este enlace
en este corchete cuadrado y luego poner el enlace en otro par de corchete. Entonces no voy a cambiar el contenido aquí. Las descripciones aquí, puedes pasar algún tiempo aquí. Sólo voy a arreglar rápidamente el título. ¿ Ves eso? ¿ Ver? Genial. Ahora aparecen estos nuevos contenidos. Tratemos de cambiar la imagen es solo una mirada. OK, para mí, esto no encaja realmente. Entonces vayamos a buscar cursos online de Royal Free Images y veamos qué obtenemos. Este fue bueno. Entonces voy a usar eso. Alguien usó esto. Ahí hay una imagen de llamada fotográfica. Tenía un P y G's. Entonces, ¿qué? ¿ Queremos cambio? Ese es el 2do 1 en lugar de Doc PNG que dicen curso así y luego ir a buscar las imágenes que acabas de descargar. Rastrelo en tu archivo debajo de la carpeta de imágenes Poor's y ponlo en la superficie. Por lo que esto a J packs se asegurará de que vamos a reflejar eso. De acuerdo, lo
siento. Eso dices y a ver si funciona. Genial. Ahora todo está funcionando. Vamos a probar si estos enlaces están funcionando, ¿de acuerdo?
18. Modo de proyecto: escritura y publicación de programación: Entonces digamos que te gusta Teoh. Agrega un nuevo servicio y realmente no quieres publicar todavía. Por lo que creas un nuevo archivo y eso es copiar pegar de este servicio y una etiqueta especial puede usar. ¿ Se publica esto? Dices falso y lo guardas. Recuerda, tienes que seguir esta convención de nomenclatura de convención de lo contrario no funcionaría. Está bien, ahora está aquí. Refresca esto. No aparecerás para que no aparezcas cuando digas publicar bolas. Otra cosa para Programar Post es cambiar la fecha en nombre de los archivos a una
fecha futura , y no se mostrará hasta después de esa fecha. Entonces esa es otra forma de programar publicaciones.
19. Modo de proyecto: publica y enrutado: Tratemos de empujarlo a conseguir cuenta de ayuda, vamos a nuestro estar secuestrado. A lo mejor eso se refresca para levantarse. Ya veré si refleja el cambio. También. Además, creo que tienes un sitio web de aspecto muy profesional que tiene contenidos. Pueden manejar muy fácilmente en este punto. Sabemos usar, obtener ayuda y obtener páginas de ayuda, y sabemos hacer cambios, comprometernos y publicar cambios. Y hemos caminado por los pasos para instalar temas y realizar cambios. Creo que estás en la muy buena forma. Ya sabes dónde buscar ayuda. Cuando te sientas confundido por Jacko, sólo tienes que entrar en el documento Chacal. También sabes encontrar temas. Simplemente se pueden google los temas chacales. Ahí hay un tema chacal, trabajo
oscuro, y también hay género rubí. O estoy seguro de que estás bien un tema,
difícil, difícil, particularmente necesario y lo más importante, has pasado un tiempo valioso en este curso. Si eres un freelancer o alguien que esté buscando ir a una página web personal, espero que este curso haya sido útil para lanzar tu primer sitio web de forma gratuita
20. Conclusión y agradecimientos: felicitaciones. Gracias por su arduo trabajo. Acabas de construir tu primer sitio web personal. Ahora tienes las habilidades y conocimientos para mantenerlo en tu No tienes que pagar por ningún plan de
hosting. No tienes que pagar a un desarrollador o plataforma de terceros para mantener tu sitio. Enhorabuena. Y asegúrate de compartir el sitio con nosotros en la comunidad. Como saben, este es mi primer curso. Me encantaría retroalimentación. También tengo curiosidad por qué habilidades te gusta aprender en el futuro. ¿ Qué va lo que quieres lograr? Si te gusta el curso, por favor deja una reseña. Otras personas como tú encontrarán el curso más fácilmente. Y espero verte en mi próximo curso por
Jingru Zhang, Web Developer
