用GitHub Pages与模版快速搭建个人博客

大概记录一下自己的历程

Posted by Otone on September 10, 2018

讲一讲怎么用现有的模版简单的搭建个人博客吧,比较适合不太懂技术又想搭建博客的人,喜欢折腾的我比较建议弄Hexo和WordPress自己弄(我也打算去折腾一下)


这是我的博客的界面

移动端界面

下面就正式开始


模版获取

GitHub帐号

因为是使用GitHub Pages,所以需要有一个GitHub帐号做程序员的总要有一个GitHub帐号的,不是程序员当我没说

注册我就不讲那么多了吧…. 用户名…邮箱….密码…不懂就百度一下吧

拉取模版

搜索FujishiroOtone.github.io或者点击这里进入到我的GitHub仓库

点击箭头指的那个fork,就能把博客模版拉到你自己的账号下~

然后刷新一下,就能看到你成功fork了我的博客仓库~

点击settings

将仓库名修改为你的GitHub用户名.github.io,点一下Rename

这时候,你在浏览器中输入你的GitHub用户名.github.io,就能看到博客页面了当然显示的还是我的页面

能看到说明你就差配置就可以搞定了,已经快弄出你自己的博客了!

不能看到的话,我所知道的一些问题的一些解决方案

链接重定向啥的,用https开头 *** 404页面,首先检查一下仓库名是否正确,然后可以尝试更改一下CNAME文件,将里面内容去掉,然后点下面commit changes,刷新一下应该可以了

博客配置

进到你的博客仓库里,找到_config.yml文件

这就是整个博客的全局配置文件了,大部分的内容都在这里设置

然后编辑这里面的内容

title:博客大标题
SEOtitle:浏览器的tab标题
header-img:首页背景图
email:电子邮箱地址这还要解释吗??
description: 网站介绍,在大标题下的
keyword: 关键词
url: 这个就是填写你的博客地址
baseurl: 这个好像是文件保存路径来着….我也不知道…反正不用管这个
github_repo: 这个东西嘛

就是这个!复制了放这,这是关于git上传的东西,这里就不解释了….

这是侧边栏的内容
sidebar: 这就问你开不开侧边栏,不开就false咯
sidebar-about-description: 个人描述,自由发挥
sidebar-avatar: 侧边栏头像

社交帐号

展示你个人的社交平台

都是填用户名的,简书特别一点,需要简书id,就是你主页后面那一串东西

例如我的https://www.jianshu.com/u/3bf62aac1afc3bf62aac1afc这就是简书id

评论系统

gitalk的配置看这里

这个博客模版还支持disqus,由于需要翻墙,我没有弄这个,我简单说下怎么使用disqus

首先注册一个disqus帐号,进入设置页面

Avatar:评论显示的头像
Name:评论显示的昵称
Website:你博客的地址

这里的username,就是我们需要填入_config.yml里的disqus_username

网站统计

Baidu AnalyticsGoogle Analytics,注册一下,拿注册得到的track_id替换掉就可以了

不需要的话请注释或者删除

不要用我的track_id,谢谢

其他链接 or 友链

这没什么好讲的,title是内容,href是链接

修改完后拉到最下点击commit changes

再次进入博客界面,就会发现,内容已经修改完成了!

关于写文章

文章位于_posts文件夹下,旧文章你可以删除,格式可以看我里面的旧文章。

文件命名的形式是时间+标题的形式,格式为markdown文件

这个模版采用的文章格式是 MarkDown+ YAML 的方式。

YAML是我们配置_config文件的语言

Markdown是一种轻量级文本语言,百度一下,很容易就看懂了

按格式保存文章后就会出现在你的博客页面了


这样一个博客的雏形就差不多了,还有一些进阶相关,下次有空在写