写技术博客可以积累并且巩固所学的知识,温故知新,还能传播知识,帮助他人解决问题。
前言
搭建专属于自己的博客,是每一个码农都会想要去实现的,以前自己也曾想要搭建,但是总有无从下手的感觉,随着知识阅历的提升,知道了一些搭建的方式,时机成熟,买下了梦寐已久的域名,便开始动手搭建。
参考
安装Jekyll
//打开命令行 使用gem安装Jekyll gem install jekyll
启动Jekyll服务
//使用Jekyll创建你的博客站点 jekyll new blogname </br> //进入blog目录 cd blogname </br> //在blog文件夹内 开启Jekyll服务 jekyll serve </br> //启动成功会提示站点地址,一般是[127.0.0.1:4000](http://127.0.0.1:4000),打开后就可以看到自己新建的站点
下载模板
// 过程中缺什么工具灵活安装 // 下载模板 $ git clone https://github.com/onevcat/vno-jekyll.git your_site </br> // 切换到模板所在的目录下 $ cd your_site </br> // 安装打包工具 $ bundler install </br> // 启动服务(此后启动站点服务都用👇这句,能实时加载新文章和页面改动,而不用重新启动服务) $ bundler exec jekyll serve
模板内容
1. 需要调整的文件:
_config.yml
——–博客配置文件,需要根据自身的情况修改_posts
————-新文章扔进这里_includes
———-页眉页脚等模板放在这里,根据自身的情况修改css
—————-各种页面配置assets
————-favicon、头像、首页背景图在这里面,可以直接替换CNAME
————–自定义域名放在这里面README.md
———-Github说明,需要根据自身的情况修改feed.xml
———–订阅_site
————–自动生成的博客内容,index.html
需要根据情况修改
2. 以下文件不建议修改:
_layouts
———–文章模板index.html
———首页模板js
—————–存放js文件
3. 更多jekyll模板
- 更多jekyll模板,使用方式同上。 </br>
套用模板:
直接将修改后的模板内容copy到其他文件夹,再执行下面两句命令: $ bundler install $ bundler exec jekyll serve 即可运行成功
提交至Github Pages
- 在Github上
Create a new repository
- 填写
Repository name
的格式为username.github.io
(需要严格遵守),其中username
用自己取的名字的替换 - 设置自定义域名
Settings
->Custom domain
,或者本地目录创建CNAME
亦可 - 把本地的文件夹提交至改项目即可在
username.github.io
该网页看到自己的博客了 - 这里是我的博客地址:xietao3.com 以供参考
- 填写
结语
虽然写出来只有这么短短的一篇,背后其实花了不少心血; 在搭建过程中,我也遇到过很多问题,遇到问题的时候不要轻易放弃,希望各位也是如此; 其次写下这篇总结,由于我是先搭建完成然后再写的总结,具体按步骤实施下来出现种种问题,希望读者多多包容和提点。