github搭建个人博客网站（手动搭建基本博客）

最新推荐文章于 2024-04-20 23:19:23 发布

qq_36722039

最新推荐文章于 2024-04-20 23:19:23 发布

阅读量2.5k

点赞数 7

分类专栏： build blog

本文链接：https://blog.csdn.net/qq_36722039/article/details/85560017

版权

build blog 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

1、在github上创建一个仓库‘jekyll-demo’

创建一个空的仓库，名字叫jekyll-demo（这里的名字可以随便取）

2、创建_config.yml配置文件

创建一个配置文件，配置文件里暂时不用配置，他会有默认的配置

3、创建_layout目录，创建模板文件

模板文件

创建_layout文件夹
在layout文件夹中创建模板文件

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>

4、创建博客文章

创建_posts文件夹
在文件夹中添加一个文件，名称是yyyy-mm-dd-标题.md
添加文章只需要编写同样的文件放在该文件夹下

2019-1-1-hello-world.md

---
layout: default
title: hello-jekyll
---

<h2>{{page.title}}</h2>
<p> My first blog.</p>
<p> {{page.date | date_to_string}}</p>

5、创建首页

创建index.html

---
layout: default
title: LiQingfeng's Blog
---

<h2>{{page.title}}</h2>
<p>new article list</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>