TODO
- 响应式重构
变更记录
- 全部文章tab页，文章标题下的描述，改为隐藏，hover泡泡显示
- gitbook文章全部迁移至blog，gitbook废弃
- 用腾讯兔小巢搭留言板
- 全部文章tab页，文章标题下增加描述
- 从emojipedia.org添加全站emoji
- 页首布局更改为一行，去除gitbook链接
- 增加暗色模式
- rss链接改为打开新页面
- 替换幼稚的置顶按钮
- 增加apps在线工具tab
- 博客计时
- Gitbook
- Google Adsense广告
- categories分类排序
- 返回顶部控件
主题 & 个性化样式
1. Hexo 主题：Maupassant Theme
挑主题的时候一眼就看上了这个主题，简约直白X冷淡
2. 个性化样式：根据自己的口味，在主题的基础上更改了布局和样式
以主题的pug模板，source中sass样式文件等资源味为基础，根据个人喜欢DIY即可。
有需要可以去我的博客仓库自取。
3. 一些参考：
配置腾讯公益404页面
在博客代码仓库的/source/404/路径下，新建index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18---
title: 404 Not Found：该页无法显示
toc: false
comments: false
permalink: /404
description: 腾讯404公益页面
---
<html>
<head>
<meta charset="UTF-8" />
<title>404</title>
</head>
<body>
<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" homePageName="返回首页" homePageUrl="https://www.scarsu.com"></script>
</body>
</html>重新构建打包更新即可看到效果，如输入一个不存在的路由会出现公益404页面：https://www.scarsu.com/qqq，直接输入/404路由也会出https://www.scarsu.com/404
可能会出现本地构建时找不到/404页面的现象，此时可以直接打包到服务器测试。
博客评论控件
Gitment
去Github Auth Applications为你的网站注册一个应用：1
2
3
4Application name: 应用名
Homepage URL: 你的网站地址 #eg. https://www.scarsu.com
Application description: 描述
Authorization callback URL: 你的网站地址 #如 https://www.scarsu.com
博客配置：1
2
3
4
5
6
7
8# Gitment
# Introduction: https://imsun.net/posts/gitment-introduction/
gitment:
enable: true ## If you want to use Gitment comment system please set the value to true.
owner: github用户名 ## Your GitHub ID, 直接用GitHub用户名就可以
repo: repo地址 ## The repository to store your comments, make sure you're the repo's owner, 要存储评论内容的仓库名，可以与博客下的仓库，也可以新建一个仓库专门存储评论内容的
client_id: 刚才申请的ClientID ## GitHub client ID
client_secret: 刚才申请的ClientSecret ## GitHub client secret
本地安装gitment，并在项目中添加依赖：1
npm i --save gitment
gitment自2018年起原作者的CORS header服务已经停了，貌似至今暂未维护，不过这个服务的源代码已经开源，很简单的nodejs代码，如果由服务器可以自己启一个服务，我目前用的是这个地址：https://shimeng.info/api/oauth ，手动在gitment.browser.js中把 https://gh-oauth.imsun.net 替换成上述服务地址即可
- Disqus[需要FQ，已经弃用-20191212]
在disqus官网注册账户，在主题配置文件中开启disqus评论控件:1
2# Comment 评论相关
disqus: username ## Disqus评论 Your disqus_shortname, e.g. username
SEO
谷歌网站收录 链接
- 先录入资源类型：域名/网站,录入后需要验证所有权
- 域名类型需要更改dns配置验证，可以一次性验证域名下所有子域名/所有协议的网站（我选了这种）
- 网站类型支持的验证方法比较多，但是同一个域名对应的不同协议/子域名，都需要重复验证
- 域名验证方法：在你托管域名的dns服务商配置dns记录，添加一条
txt类型的dns记录，值为上图中谷歌给出的txt值，name选择@即可：
下图为验证成功截图：
验证通过后一天，就可以在google search console中看到你的域名/网址的数据，例如你的资源在 Google 搜索中的效果，包括展示次数、排名、点击率和热门查询字符串等。
收录后，在google搜索我的网站的关键词，就可以在第一条看到结果:
百度链接提交工具 链接
百度链接提交工具使用说明
- 链接提交工具是网站主动向百度搜索推送数据的工具，本工具可缩短爬虫发现网站链接时间，网站时效性内容建议使用链接提交工具，实时向搜索推送数据。本工具可加快爬虫抓取速度，无法解决网站内容是否收录问题
- 百度搜索资源平台为站长提供链接提交通道，您可以提交想被百度收录的链接，百度搜索引擎会按照标准处理，但不保证一定能够收录您提交的链接
如：我提交自己的www.scarsu.com和doc.scarsu.com后，在百度首页搜索scarsu，即可在前几条结果看到我的站点如图：
神马搜索站长平台 链接
配置的时候遇到了一个坑，神马搜索站长平台需要验证对提交的网站的所有权 怎么也验证不通过：
后来才检索到，是神马不支持对https的站点进行验证，。
由于我的站点部署在netlify上，因此决定放弃神马平台的收录
Bing 网站收录链接
- 十分遗憾，截止至2019-12-26我打开上述网址，网站已经显示
Anonymous URL Submission Tool Being Retired，即Bing的匿名URL提交工具已经停用。
360网站收录链接
- 没有验证，填写信息提交即可
搜狗收录 链接
- 没有验证，填写信息提交即可
提交至 “中文独立博客列表” https://github.com/timqian/chinese-independent-blogs
fork此仓库，blogs-original.csv中维护自己的博客后，提pull request即可。
“不疯魔 不成活”