一行代码不用写：GitHub博客小白版入门教程

迈不过友情╰ 2021-09-02 05:07 256阅读 0赞

点击上方 [Java后端][Java]，选择 设为星标

优质文章，及时送达

--------------------

##### 赖可 发自 凹非寺   量子位 报道 | 公众号 QbitAI    #####

GitHub不仅可以传代码，还可以建博客。利用GitHub Pages平台，就可以搭建非常好用的个人博客。

但是难点在于，你在要敲很多代码才能搭出一个博客。对于小白和新手来说，太不友好。

没关系！现在不用写代码也可以了。

不需要敲码，不用写使用命令行，可以自定义主题，还能有自己的域名。

Fast.ai提供了模版，只要注册一个github账号，小白就能够完成搭建博客的操作。

真是文科生友好～

下面是小白教程。

## 创建存储库&创建主页 ##

首先，你需要注册一个github账号，并确保在线。

然后，点击这个网页地址：https : //github.com/fastai/fast\_template/generate

注册一个**存储库**(repository)，就是存储博客的地方。注册名字的格式是：**github上的名字+github.io**；储存库的性质选择**公共**Public。

如果选择Private就是仅自己可见，这样需要付费

![format_png][]

下面就可以进行博客主页的一些基本设置。

进入主页，会看到的是一个名字为**index.md**的文件，这是个Markdown文件。Markdown是一个目前创建格式化文本的便捷又强大的方法。在输入普通文本的时候，只需要加入一些特定字符就可以增加特定的样式。比如在一个一个词或者短语前后都输入\*，就可以使其变成斜体。

![format_png 1][]

单击这个文件打开它，进入新的页面，点击**编辑按钮**，即铅笔符号开始编辑。

![format_png 2][]

点击**Preview changes**可以浏览文本效果

###### **![format_png 3][]△**blog被设置成斜体 ######

######     ######

###### ![format_png 4][] ######

滚动到底部并单击**Commit changes**绿色按钮来提交。在GitHub上，“提交”意味着将其保存到GitHub服务器。

博客的域名就是，**\*\*github上注册的名字+github.io**，页面就会显示刚才输入的内容。

![format_png 5][]

还可以对博客进行其它设置，单击名为**\_config.yml**  的文件，然后像之前一样单击**编辑按钮**，在冒号后面输入相应的内容，可以更改标题，描述和GitHub用户名值。输入的内容就会在主页显示。

![format_png 6][]

## 写文章 ##

下面可以写博客文章了！

所有的文章都会放在**\_posts**文件夹中。单击它，然后单击**创建文件**按钮，创建一个新的文件。文件名命名的格式是：year-month-day-name.md，其中year是四位数，而month和day是两位数。“name”可以自定义，扩展名md则用于Markdown。

![format_png 7][]

写文章的时候也用Markdown来标注格式。第一行作为一级标题，开头加上\#，如果文章里面还需要小标题，\#\#用于二级标题，\#\#\#用于三级标题。点击**Preview**可以浏览。

![format_png 8][]

同样，点击绿色按钮**Commit new file**来提交。

![format_png 9][]

提交完成后，文章就会出现在博客主页上：

![format_png 10][]

点进去的文章界面是这样：

![format_png 11][]

想删除文章，同样进入**\_posts**文件夹，找到对应的文件，进行操作。

![format_png 12][]

**记住**，和写文章一样，点完了删除后，还需要点击绿色的**commit**，才算操作成功。

如果想在文章里面加入图片，需要先把图片上传：

![format_png 13][]

然后在文章中以如下字符串来加入：

> !\[Image description\](images/filename.jpg

如果想加博客文章索引目录，输入下面两行

> 1. TOC  
> \{:toc\}

之前写的博文标题（以\#标志的一级标题）就会自动出现在目录里，并且自带超链接。

如果想加入数学符号，可以用LaTeX的格式。

首先在 **\_config.yml**文件中进行设置，将**use\_math**进行简单的修改，变成这样：

> use\_math: true

只需要在字符串前后各加一个**$**，比如$\\sum\_n (x)$，或者想让它单行显示的时候，在上下两行各加**$$**，像这样：

> $$  
> \\sum\_n (x)  
> $$

显示出来就会是：

![format_png 14][]

以上～

学会这些内容，你就成了Github pages博客初级玩家，是不是超级易懂易上手？

如果你想用玩转博客，也可继续钻研，说不定玩着玩着就发现，已然沉迷于技术～

![format_png 15][]

## 传送门 ##

https://www.fast.ai/2020/01/16/fast\_template/

**- END -**

最近整理一份面试资料《Java技术栈学习手册》，覆盖了Java技术、面试题精选、Spring全家桶、Nginx、SSM、微服务、数据库、数据结构、架构等等。获取方式：点“ 在看，关注公众号 Java后端 并回复 777 领取，更多内容陆续奉上。推荐阅读 1. 漫画：7 种编程语言的学习曲线2. MyBatis 如何兼容所有日志框架？3. 11 月全国程序员平均工资出炉4. 超全的数据库建表、SQL、索引规范5. 看看人家接口写得，那叫一个优雅！喜欢文章，点个在看

[Java]: http://mp.weixin.qq.com/s?__biz=Mzg2MjEwMjI1Mg%3D%3D&chksm=ce0da17bf97a286df119047a25b7de51621fe542816673bb4aa3ebd8ab97b09a86ed7db2e2ee&idx=3&mid=2247489272&scene=21&sn=ce74938072fc73a808d83ccb474db46d#wechat_redirect
[format_png]: /images/20210730/19d8035e044f49dc8bce126ef24beb8a.png
[format_png 1]: /images/20210730/1acdd5a84a5047a08703389890a334c3.png
[format_png 2]: /images/20210730/7f746b5fbfbc4f248a088e5be50f2a78.png
[format_png 3]: /images/20210730/9038c2cb63454b1397947f32c6cf5a81.png
[format_png 4]: /images/20210730/68c29c045241403c86d3b87370a5ded3.png
[format_png 5]: /images/20210730/5f8e928fdbb943d39834922140fed244.png
[format_png 6]: /images/20210730/852c8688dabc4f1db630f0d66b027b33.png
[format_png 7]: /images/20210730/acdfbfebec684957a26bb0f4fe14e552.png
[format_png 8]: /images/20210730/5baa29a03de54a708ff90ea100ef649f.png
[format_png 9]: /images/20210730/05904d663da040a08394b249676514c2.png
[format_png 10]: /images/20210730/05037b78eda140778976d300223b53f1.png
[format_png 11]: /images/20210730/477651d1ab0646a588f8a836a6b6113a.png
[format_png 12]: /images/20210730/a7f5820ae9964ab1b947f2ffb302e255.png
[format_png 13]: /images/20210730/e6caef5117da48b98a90d7a381f06286.png
[format_png 14]: /images/20210730/f8760f5e58544c42ace4d78213f5172b.png
[format_png 15]: /images/20210730/877f64b194fd49d6842c22a287c5d2bd.png