yilia主题的配置

阅读数: 25次 2020-07-06

yilia主题的配置

拖拖欠欠这么久了，一个学期了也没有进行相关的blog的优化【根本拿不上台面x】

SEO(搜索引擎的优化)
网站访问速度的优化
图床(目前个人使用的是iPic)不知道是不是稳定…感觉可以Github图床?PicGo+Github

iPiC好像使用的是微博图床。
然后一些图片、美观的优化逻辑，比如标签、分类、打赏
最重要的是，阅读博客的人跟我互动交流的方式。
不蒜子记录
Live2d不知道还需不需要?

SEO优化

emmm自己其实对爬虫没有什么真实的兴趣，但看到SEO优化中，需要用到robots.txt，但我zqsg的不知道rebots.txt在哪里…

哦，经过多次试验robots.txt在/hexoblog/public/robot.txt里面，借鉴这篇博主的文章,就检测到robot.txt文件惹，耶~!!

我试用了SEO优化诊断网址想优化来着，但好像核心效果不是很好。而且搜索自己的域名是搜索不到自己的github博客的，只能搜索到最原始的chixinn.github.io,啊，计算机网络可能还是没学好吧x

什么是SEO

我感觉就是让别人记住你.

本地文章优化

首先给文章生成sitemap文件

1 2	npm install hexo-generator-sitemap --save npm install hexo-generator-baidu-sitemap --save

网上的一些旧版博客的参考资料上面写着：

需要：

baidusitemap:
path: baidusitemap.xml
sitemap:
path: sitemap.xml

就是这里面是对齐的，但是我如果这么写，就会有相应的报错：

duplicated mapping key at line 130, column 1: path: baidusitemap.xmlYAMLException: duplicated mapping key at line 130, column 1: path: baidusitemap.xml

在网上查询了一圈解决方法后，发现缩进代码以后，就能得到很好的解决。

缩进的代码即是：

sitemap:
    path: sitemap.xml
baidusitemap:
    path: baidusitemap.xml

然后就没有相应的报错啦~

关于图片的设置！

图片的assets文件要放在我主题下面的/source文件哦！

/yilia/sources/assets/image/file.jpg

同时注意，有图片的时候要注意安装相应的图片插件：npm install https://github.com/CodeFalling/hexo-asset-image --save命令是这个~

我可算是拥有图像的人了Orz。

评论系统

看了一圈，还是用Gittalk吧，总感觉还是搭载在github上比较放心

啊啊啊啊啊又来FATAL ERROR 鲨了我吧

最后转了一圈，比较好用的gitalk.ejs

1
2

<link rel="stylesheet" href="<%- theme.libs.css.gitalk %>">
<link rel="stylesheet" href="/css/my-gitalk.css">

<div class="card gitalk-card" data-aos="fade-up">
    <div id="gitalk-container" class="card-content"></div>
</div>

<script src="<%- theme.libs.js.gitalk %>"></script>
<script>
    let gitalk = new Gitalk({
        clientID: '<%- theme.gitalk.oauth.clientId %>',
        clientSecret: '<%- theme.gitalk.oauth.clientSecret %>',
        repo: '<%- theme.gitalk.repo %>',
        owner: '<%- theme.gitalk.owner %>',
        admin: <%- JSON.stringify(theme.gitalk.admin) %>,
        id: '<%- date(page.date, 'YYYY-MM-DDTHH-mm-ss') %>',
        distractionFreeMode: false  // Facebook-like distraction free mode
    });

    gitalk.render('gitalk-container');
</script>

哦fuck.

图床

利用github 和hexo搭建图床。