MegaMU个人站

欢迎光临

落日黄沙 白帆秋水 你可知谁的记忆在时空里飞?


博客搭建简明指北

目录

致谢

首先是感谢 潘柏信—leopardpan大大的模板,他的模板真的很美观,很方便使用。

其次是感谢 Song-Zi Vong—zivong大大的帮助,有时一句指导能让我一下找到新世界的大门。

然后是感谢 酒石酸菌—baka大大的视频讲解,生动简易的视频讲解对于新手来说简直是福音。

建立完全基于Jekyll的静态博客

jekyll

为了方便操作,这里我就不演示博客的本地访问和样式修改,
同时,也不建议新手修改大部分源文件内容,防止网站崩溃。老手也没必要看这个,对吧

开始了!

已经会的和已经完成的可以直接跳过

第一步,创建自己的Github账户

我们的博客将部署再GitHub上,所以拥有一个GitHub账户是十分重要的。

Github的注册往往会因为网络问题而不太顺利,请保持耐心

第二步,选择自己喜欢的Jekyll主题

进入http://jekyllthemes.org/来挑选一个自己喜欢的主题。

http://jekyllthemes.org/

这里以Chirpy这个主题做示范

jekyll-theme-chirpy

页面中会有HomePage的标签,点击它,就会进入它的Github仓库。点击Demo标签则可以查看示例网站。

这个Github仓库中应该看起来像这样

img

其中_post是存放博客的地方,我们打开它,可以发现它的名称都是按照一定规则命名的,格式是Markdown。

我们再翻翻源文件,发现网站的icon和其他图片存放在jekyll-theme-chirpy/assets/img/

注意!不同的模板存放图片的地方都不一样,要自己根据describe来翻翻

如果你发现这个模板没有我所说的这些文件,你可以到此仓库的其他branch中找找。

img

选好之后,点击右上角的Fork,把它添加到自己的库中

img

第三步,基础设置

之后,我们在自己的Github主页就可以看见Fork下来的库,我们点击那个库,进入库,在点击setting。

img

把库的名称命名为自己的Github用户名.github.io

之后我们直接就可以通过自己的Github用户名.github.io来访问自己的博客了。

之后我们打开_config.yml来修改一下配置,根据注释选择要修改哪些内容我只列出了常用的一些

不同的博客模板可能会不同!

#使用的主题,不建议改
theme: jekyll-theme-chirpy

#时区,根据情况改
timezone: Asia/Shanghai

#网页的标题
title: Chirpy

#网页的副标题
tagline: A text-focused Jekyll theme

#网页的描述
description: >-                        
  A minimal, portfolio, sidebar,
  bootstrap Jekyll theme with responsive web design
  and focuses on text presentation.
#填入你要使用的域名,默认为Github仓库名
url: ''

#社交信息,不想要的在前面用井号#注释掉
github:
  username: github_username

twitter:
  username: twitter_username

social:
  name: your_full_name
  email: example@doamin.com            
  links:
    - https://twitter.com/username      
    - https://github.com/username       
    - https://www.facebook.com/username
    - https://www.linkedin.com/in/username

#谷歌分析ID,让谷歌帮你统计网站的访问量
google_analytics:
  id: ''              
  pv:
    proxy_endpoint:   
    cache_path:       

#主题模式[亮/暗]
theme_mode:   # [light|dark]

#头像地址,建议不要动
avatar: '/commons/avatar.jpg'

#一页展示的博客数
paginate: 10

之后我们先打开原有的示例博客看看,发现它前面都有一个这样的开头

不同的博客模板可能会不同!

---
title: Text and Typography   
author: Cotes Chung
date: 2019-08-08 11:33:00 +0800
categories: [Blogging, Demo]
tags: [typography]
math: true
mermaid: true
image:
  src: /commons/devices-mockup.png
  width: 800
  height: 500
---

这个是每一篇博客都要带的,从上往下分别是:

  • 标题
  • 作者
  • 日期
  • 分类
  • 标签
  • 是否使用math
  • 是否使用mermaid
  • 使用到的图片和参数

通常来说,标注标题,作者,日期,标签,分类这几个属性就足够使用了,不需要的可以不写

记好了之后把原来自带的博客删除

开始写博客吧

博客要写在Markdown格式的文档内

可以在这里快速学习入门MarkdownMarkdown简明指北

这里建议使用Github Desktop,把库下载在本地,在本地修改,会方便很多。

img

祝你顺利搭建自己的博客!阅读愉快!


哔哔哔

打赏一个呗

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦