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

我不是女神ヾ 2022-04-10 09:50 553阅读 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>

### 6、推送到github ###

*  将已经coding的项目推送到github上

![20190101211050189.png][]

### 7、设置GitHub Page ###

*  进入设置

![20190101211158538.png][]

*  在1处选择master分支（我这里已经修改好了）
 *  ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NzIyMDM5_size_16_color_FFFFFF_t_70][]
 *  访问2处地址

![20190101211534442.png][]

我的个人博客网站地址：[https://lqfgh.github.io/][https_lqfgh.github.io]

[20190101211050189.png]: /images/20220401/ae19a0605b6c4adb852713a7a3b75c2d.png
[20190101211158538.png]: /images/20220401/2e76b2d1b9164aa98d682ffebc4abd32.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NzIyMDM5_size_16_color_FFFFFF_t_70]: /images/20220401/626c4819e8bd4881af791ee5bf531946.png
[20190101211534442.png]: /images/20220401/5d681d7ed31b4e239c91719db61f58c2.png
[https_lqfgh.github.io]: https://lqfgh.github.io/