Hexo+腾讯云服务器构建个人博客

发布于 2024-04-09  157 次阅读


这个文章写于2021年,用于记录我上一个个人博客的更新记录,目前已经不适用于当前的Wordpress博客了,但是留作纪念。

1 基本搭建

经过近两周的时间,终于搭建起来了自己的博客尽管还有许多的地方需要完善,现在先对前期的工作进行一个总结。

主要参考了@千古壹号的这篇博客:https://www.qianguyihao.com/post/2020-09-19-hexo-aliyun-blog/

以及网友@彭宏豪的博客:https://zhuanlan.zhihu.com/p/267231581

2 细节优化

主要的搭建过程基本按照上述两篇文章,同时对博客中的一些组件进行了更新:

2.1 增加了Latex支持

https://blog.csdn.net/weixin_44191286/article/details/102702479

https://www.jianshu.com/p/7ab21c7f0674

2.2 插入图片

https://blog.csdn.net/qq_39851968/article/details/96008090

2.3 修改文章界面为两栏

https://blog.csdn.net/ye17186/article/details/111564883

2.4 修改文章作者

https://blog.csdn.net/weixin_43850076/article/details/91358313

2.5 增加gitalk评论系统

https://blog.csdn.net/qq_23452385/article/details/105936095

https://zhuanlan.zhihu.com/p/260781932

https://www.codercto.com/a/35485.html

增加SSL证书后,出现跳转错误,按照下述博客解决了:

https://blog.csdn.net/w47_csdn/article/details/88858343

https://blog.csdn.net/qq_39195042/article/details/86135917

2.6 增加分享按钮

https://ppoffice.github.io/hexo-theme-icarus/Plugins/Share/icarus%E7%94%A8%E6%88%B7%E6%8C%87%E5%8D%97-%E5%88%86%E4%BA%AB%E6%8C%89%E9%92%AE/#ShareThis

2.7 增加备案信息

https://cloud.tencent.com/developer/article/1750630

3 更新日志

3.1 修改了网页的图标文件 - 2021.7.3

网站所使用的处理器图标来自:https://igoutu.cn/

将图片转换为了矢量图格式:https://www.aconvert.com/cn/image/png-to-svg/

修改node_modules\hexo-theme-icarus\source\img目录下的favicon.svg文件即可

同时使用PS自制了左上角的图标,修改node_modules\hexo-theme-icarus\source\img下的logo图标即可

3.2 增加了网站SSL证书 - 2021.7.3

从腾讯云上申请了免费的一年SSL证书

申请教程:

https://cloud.tencent.com/document/product/400/6814?from=information.detail.%E8%85%BE%E8%AE%AF%E4%BA%91%E5%85%8D%E8%B4%B9ssl%E8%AF%81%E4%B9%A6%E5%A6%82%E4%BD%95%E7%94%B3%E8%AF%B7

安装教程:

https://www.qianguyihao.com/post/2020-09-19-hexo-aliyun-blog/

https://www.cnblogs.com/vae860514/p/8276916.html

https://blog.csdn.net/chenggong2dm/article/details/61925938?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control

3.3 增加了Live-2D看板娘 - 2021.7.3

安装教程:

https://blog.csdn.net/qq_39986681/article/details/107760961

https://www.jianshu.com/p/d72a86209fd5

3.4 增加了文章加密功能 - 2021.7.4

https://www.jianshu.com/p/44e211829447?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

3.5 增加了文章首页省略功能 - 2021.7.4

https://blog.csdn.net/ganzhilin520/article/details/79047988?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control

3.6 遇到的问题,如何增加本地的icon?

3.7 增加了文章内部音乐播放模块 - 2021.7.5

实现代码示例如下(网易云音乐为例):

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=350 height=86 src="//music.163.com/outchain/player?type=2&id=1832684671&auto=0&height=66" style="clear:both;display:block;margin:auto"></iframe>

3.8 在百度进行了网站验证 - 2021.8.25

验证页面:https://ziyuan.baidu.com/

值得注意的是,验证文件需要放进根目录node_modules\hexo-theme-icarus\source中,而不是blog文件夹的source文件夹

3.9 在必应进行了网站验证 - 2021.8.25

验证页面:https://www.bing.com/

验证方法如上3.8

3.10 增加了每个文章对应的资源文件夹 - 2021.10.6

https://www.cnblogs.com/hugochen1024/p/12570656.html

https://kilig947.oschina.io/personal-blog/2020/05/26/newsolve/

https://blog.csdn.net/qq_43401552/article/details/104805466

https://blog.csdn.net/qq_43401552/article/details/104805466

修改了根目录 _config.yml 中post_asset_folder: true,便于提高图片的效率

3.11 解决了图片的居中问题 - 2021.10.10

<div align="center">
{% asset_img 1.png%}
</div

利用上面的代码终于实现了图片的居中问题!!!!!!(前提要进行更新3.10)

3.12 实现了搭载自定义页面 - 2022.03.05

https://blog.csdn.net/weixin_58068682/article/details/116611715