经历了两天,从小白整成了一套git 与jelly 结合的博客主页,首先感谢那些善于分享的伙伴们,同时也遇到了一些小麻烦,先总结并记录到此文章.

不经意看到知乎上的吴小龙同学说起如何自己设计开发手机app,如何一步一步成长,接触中我看到了他也在玩博客,而且玩的特别6,终于勾起了我的好奇心,决定自己动手买面包吃.

安装期间特别感谢来自热心网友的 搭建一个免费的,无限流量的Blog

首先注册一个一个github帐号因为以后博客是要“寄存”在github的;现在一个git安装到PC,然后在本机新建文件夹MyBlog;

第一步::进入文件夹git 初始化:git init

第二步: 创建没有父节点的分支gh-pages git checkout –orghan gh-pages

第三步:创建设置文件 _config.yml 添加内容 baseurl: /MyBlog

第四步:创建模版文件目录 _layouts 存放所有模版文件

第五步:创建default.html

第六步:创建文章目录 _posts 存放自己的博客

第七步:创建第一个post

每篇文章的头部,必须有一个yaml文件头,用来设置一些元数据。它用三根短划线”—“,标记开始和结束,里面每一行设置一种元数据。”layout:default”,表示该文章的模板使用_layouts目录下的default.html文件;”title: 你好,世界”,表示该文章的标题是”你好,世界”,如果不设置这个值,默认使用嵌入文件名的标题,即”hello world”。 在yaml文件头后面,就是文章的正式内容,里面可以使用模板变量。用git与jelly 搭建面向世界的博客就是文件头中设置的”你好,世界”,2016-11-11 00:00:00 +0000则是嵌入文件名的日期(也可以在文件头重新定义date变量),”| date_to_string”表示将page.date变量转化成人类可读的格式。

第八步:新建主页,我们博客访问的页面

它的Yaml文件头表示,首页使用default模板,标题为”我的Blog”。然后,首页使用了{for post insite.posts },表示对所有帖子进行一个遍历。这里要注意的是,Liquid模板语言规定,输出内容使用两层大括号,单纯的命令使用一层大括号。至于就是_config.yml中设置的baseurl变量。

第九步:最后在注册的github上新建个MyBlog,上传新建的项目,

访问 www.username.github.io/MyBlog 后缀是io,是不是可以正常访问了呢?

很多同学都会感觉那个连接地址很麻烦,不喜欢,因此下一步就是去绑定域名:

第十步:根目录新建CNAME文件没有后缀;

内容是你想要绑定的域名 :比如www.zhangxiaole.me,内容就是zhangxiaole.me

第十一步:去编辑域名DNS 解析添加A记录尝试没有成功,我直接用的redirect跳转哈哈。。。

最后肯定都不喜欢自己的样式,因此可以去网上找些jelly 的博客主题套用在自己的博客上,我用的是黄轩同学提供在知乎上的主题,感觉还不错;当然你可以自己查找替换了!

附:博客常用的git 命令:

  1. git add
  2. git commit
  3. git push origin

书写错误的地方请同学们纠正,联系我~ [email protected]

另附个人公众号号:用git与jelly 搭建面向世界的博客

相关文章:

  • 2022-02-03
  • 2021-12-22
  • 2021-04-24
  • 2021-07-11
  • 2021-05-19
猜你喜欢
  • 2021-10-30
  • 2021-07-25
  • 2021-09-09
  • 2021-11-30
  • 2022-12-23
  • 2021-05-21
  • 2021-12-05
相关资源
相似解决方案