前端简述git及github学习

Github+Jekyll搭建个人博客三步走 | 极简小白教程

2016-11-30  本文已影响717人  简疏志

我们的口号是:人不折腾枉少年。
此教程只针对小白,当然也欢迎高手留言提出改进意见。
此教程不需要下载任何安装程序,只要你有浏览器就可以操作。
通过以下步骤,可以使你熟悉整个github操作流程及关键概念。
建议在电脑上阅读此文。


Step 0 步骤概览

Step 1 创建博客

Step 2 配置博客

Step 3 发布日志

Step 1 创建博客

1.1 创建自己的Github账号

首先,你得有个Github的账号。如果没有Github账号,请登录Github创建一个。

注意:github的username会用在个人博客地址里,所以请谨慎选择。

1.2 Fork 一个Jekyll模板

这里以jekyll-now这个模板仓库(Repository)为例说明如何fork一个仓库。
a. 登录github
b. 在Github的搜索框里输入jekyll-now找到此仓库
c. 点击Fork

b and c

d. 选择自己的账号

d

Forking中,请耐心等待

Forking

Fork成功后,显示如下


Fork success.png

1.3 更改模板仓库名字(Rename)

e. 进入设置(setting)

e

f. 将模板仓库名字jekyll-now名字改为yourusername.github.io (这个就是你的博客地址了), 也就是你的github的username+github.io。例子请见下一步骤g。

f.png

g. 输入完毕,点击Rename

g

1.4 预览博客

h. 在浏览器中输入你的博客地址yourusername.github.io,例如我的是anattaguo.github.io (https://anattaguo.github.io/), 如下图所示。此时,页面成功显示。博客搭建大功告成。

h

Step 2 配置博客

2.1 更改博客标题、描述及头像

i. 在自己的博客仓库下,找到_config.yml 文件,点击打开

i

j. 点击小铅笔图标,进入编辑模式

j

k. 修改名字、描述及头像

#
# This file contains configuration flags to customize your site
#
# Name of your site (displayed in the header)
name: Your Name       ##**在这里填入你的博客名字**
# Short bio or description (displayed in the header)
description: Web Developer from Somewhere        ## **在这里填入你的博客**
# URL of your avatar or profile pic (you could use your GitHub profile pic)
avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/jekyll-logo.png      ##**将此地址替换为你的头像地址**

我的是这样的:


k

l. 修改好后,点commit提交。Commit changes可以填,也可以不填

l

2.2 预览配置后博客

m. 在浏览器中再次输入自己的博客名字,浏览自己的博客(参考步骤h)

m

Step 3 发布日志

3.1 创建日志文件

n. 在自己的博客仓库下找到post文件夹,点击进入

n

o. 点击create new file 创建日志文件

o

p. 输入日志文件名称,格式为yyyy-mm-dd-xxx-xxx.md,如2016-11-29-Self-Introduce.md

注意

  1. 日志文件名一定要以.md结尾
  2. 日志文件名之间一定要有连字符 -
  3. 日志文件名不可以包含中文字符
p

3.2 撰写日志

q. 将以下内容复制黏贴到编辑器中,将title后面的文字改为日志的标题, layout: post 不用修改

    ---
    layout: post
    title: You're up and running! ## 在这里输入你的日志标题,如“我是谁?”
    ---
q

r. 用markdown语法写日志

r

s. 输入完成后,可以点击Preview changes对写好对日志进行预览

s

t. 点击commit提交日志(参考步骤l)

u. 预览日志,打开自己的博客地址,发现刚写的日志已经发布完成了。

u

祝贺你,到这里,利用Jeklly+Github创建个人博客就大功告成了。


如果你在创建过程中遇到问题或者有其他疑问,欢迎留言。

上一篇下一篇

猜你喜欢

热点阅读