三步搭建自己的博客网站(GitHubPages + Jekyll
2019-03-05 本文已影响33人
Negen
一、创建 github 仓库
创建一个 github 仓库命名为你的账户名。例如,我的账户名是 Negen9527 ,那么就创建一个名为 Negen9527 的仓库,如下:

创建完成后复制下面的地址,将仓库 clone 到本地

二、选择 jekyll 主题(模板)
到 jekyll主题官网 选择一个自己喜欢的主题,下载到本地.
主页如下:

我选择了这个 jekyll-clean-dark 作为我的博客页面。
点击 download 直接下载到本地

将下载下来的主题解压到 github 仓库下面,解压后的仓库文件结构如下:

三、修改配置文件
修改配置文件(_config.yml)
个人认为比较主要的配置修改如下:

还有更多的配置操作,请访问jekyll官网
四、上传到 github 仓库
将修改后的主题 push 到 github 上面
在仓库根目录下打开gitBash,执行以下语句
- git add .
- git commit -m "[init]初始化博客"
- git push
看到以下提示说明上传成功:
上传成功提示.png
上传成功后到 github 仓库点击 Settings
点击Settings.png
再找到如下位置选在master,等待页面自动刷新,出现一个url即是你的博客地址:

五、测试
点击博客地址即可进入到博客主页,效果如下:

测试地址:https://negen9527.github.io/Negen9527/
六、发布第一篇博客
发布的博客都在文件夹(_post)下面:

md文件命名格式:年-月-日-标题.md
文件里面的内容就是正常的markdown文件格式。
编辑完成就可以 将更新的内容 push 到 github 上面了。刷新博客主页,查看上传是否成功。