穷建站2 博客的基础配置

鑫鑫 / 发布于 2022-07-29 / 更新于 2022-07-29 CC-BY-NC 4.0 Intl
  图片丢失  

阅前提示

本文章内容因ImageHub方未知原因,导致内容图片大量缺失,请谨慎阅读


上一篇:穷建站1 使用GitHub Pages免费搭建个人博客

大家好啊~我是鑫鑫,本周如果不出意外的话我应该会双更!!!

这一篇讲一讲配置一下博客的基础吧!

要改的就那三个:about.md,404.md_config.yml


首先看about.md,内容可以按照Markdown格式任意修改,不会Markdown可以看我的Markdown语法教程

内容可以随便改,但不能完全全删了一通乱改,前面的内容要保留,就是这个:

---
layout: page
title: About
permalink: /about/
---

不过title可以随便改,给他写成关于,About或者其他的都是可以的。

permalink不建议修改,但要改也行;layout千万不能改!!!


说完了about.md,再来说说404.md吧!

about.md一样,能改,但不能完全改:

---
layout: page
title: 404
permalink: /404.html
---

只有title可以随便改

PS:你可以创建一个叫404.html的页面,前提是你会用HTML写一个你认为很漂亮的404页面


新建_posts文件夹,所有文章按照Markdown格式保存在这里,按照yyyy-mm-dd-xxxxxx.md的格式命名


另外插个嘴,如果想换网页的主题颜色的话,可以按照这个步骤(感谢lemon提供的方法)进行操作:

首先打开_scss/_variables.scss,就是这个:

然后慢慢替换成你想要的颜色就行了!


好讲到了最最复杂的部分了:_config.yml

这个需要一条一条的去讲:

_config.yml详细讲解

注意事项

  1. #开头的都是注释,系统不会读取

  2. 每个选项后面都得有个空格,否则会出错

name:网站名称

description:网站描述

url:你的域名,下一篇会讲如何免费注册域名,莫有可以不填

baseurl:如果你用的不是xxx.github.io形式的仓库名,那么就要填这个,比如的仓库名是2,所以我这个就是/2

avatar:博客Logo,建议用ImageHub,尺寸<300px*300px

favicon:ICO格式的图标,64px*64px,建议用这个

navigation:菜单栏,不建议修改

paginate:每页显示文章数,默认为8,修改后1页可以承载更多文章,不建议修改

excerpt_separator:文章简介区分,不建议修改

footer-link:社交网络,有微博、GitHub、邮箱、RSS和其他的

footer-text:显示在社交网络下面的文本,可以写Copyright之类的

disqusgitalk:评论区,后面会讲

google_analytics:谷歌统计,需要科学上网

utteranc:好像也是个评论区,可以自己琢磨

后面所有的都不用改


怎么加评论区?

非常简单,不过我们不讲述Disqus,先讲Gitalk。

首先打开设置,点进开发者设置(Developer Settings),选择OAuth Apps,新建一个

Homepage URLAuthorization callback URL填你博客的网址,其他随便填,然后点Register application就可以了

生成一个Client secrets,复制(只会显示一次)

哦对了,可能需要输入密码进入sudo mode

然后就变成这样:

gitalk:
  clientID: <刚复制的id>
  clientSecret: <刚复制的secret>
  repo: <仓库名字>
  owner: <用户名>
  proxy: https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token

proxy建议照着我的填

好了,发布一篇文章,测试以下评论区的效果吧!

穷建站2 博客的基础配置

https://blog.gteh.top/website_2/

作者

鑫鑫

发布于

2022-07-29

更新于

2022-07-29

许可协议

CC-BY-NC 4.0 Intl