github创建个人博客手记

最新推荐文章于 2024-08-23 16:41:49 发布

diaotanchen6874

最新推荐文章于 2024-08-23 16:41:49 发布

阅读量88

点赞数

文章标签： git

原文链接：http://www.cnblogs.com/alongjun/p/3810414.html

版权

第一步：先总体看下要在本地创建的文件目录

/jun_demo
　　　　|--　_config.yml
　　　　|--　_layouts
　　　　|　　　|--　default.html 
　　　　|--　_posts
　　　　|　　　|--　2014-06-26-hello-world.html
　　　　|--　index.html

config.yml:Configuration设置

_layouts:模板存放文件夹

default.html:文件模板

_posts：blog文章存放目录

2014-06-26-hello-world-html:blog文章

index.html:文章首页面

第二步：配置　

 //创建文件夹 jun_demo,对该目录进行git初始化
 $ mkdir jun_demo
 $ cd jun_demo
 $ git init
 //创建没有父节点的分支gh-pages，只有在该分支中的页面才会生成网站
 $ git checkout --orphan gh-pages

第三步：给以上创建文件目录添加内容

1 config.yml(只设置这一个属性其他属性参看：http://jekyllrb.com/docs/configuration/)

baseurl:/jun_demo

2 default.html

<!DOCTYPE html>
<html>
　　<head>
　　　　<meta http-equiv="content-type" content="text/html; charset=utf-8" />
　　　　<title>{{ page.title }}</title>
　　</head>
　　<body>

　　　　{{ content }}

　　</body>
</html>

3 2014-06-26-hello-world-html (在"---"之间的部分是blog页面设置，其中layout是选择模版,title是page.title)

---
　layout: default
　title: 你好，世界
---
　　<h2>{{ page.title }}</h2>
　　<p>我的第一篇文章</p>
　　<p>{{ page.date | date_to_string }}</p>

4 index.html

---
　　layout: default
　　title: 我的Blog
---
　　<h2>{{ page.title }}</h2>
　　<p>最新文章</p>
　　<ul>
　　　　{% for post in site.posts %}
　　　　　　<li>{{ post.date | date_to_string }} <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
　　　　{% endfor %}
　　</ul>

第四步：提交

//添加到本地库中
$ git add .
$ git commit -m "first post"
//添加到服务库中 username对应替换成你的github账户名，jun_demo.git也为你在服务器上的库命
$ git remote add origin https://github.com/username/jun_demo.git
$ git push origin gh-pages

第五步：访问你的站点，地址为http://username.github.com/jun_demo/（将username换成你的用户名)

注：该文为阅读总结，原地址为http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html

转载于:https://www.cnblogs.com/alongjun/p/3810414.html

diaotanchen6874

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
github创建个人博客手记

第一步：先总体看下要在本地创建的文件目录/jun_demo　　　　|--　_config.yml　　　　|--　_layouts　　　　|　　　|--　default.html 　　　　|--　_posts　　　　|　　　|--　2014-06-26-hello-world.html　　　　|--　index.htmlconfig.yml:Conf...
复制链接

扫一扫