Q1ngying

今朝梦醒与君别,遥盼春风寄相思

0%

记第一次搭个人博客

历时一周我的博客终于搭建完成啦!!!

从最开始的各种环境的安装到绑定GitHub再到购买域名再到最终的美化,历时将近一周,我的个人站也算是搭起来啦!撒花撒花~

还是要感谢知乎上的枫叶大佬的文章,跟着大佬的文章一步步的就完成啦,不过可能是由于文章时间还是有些久了,在搭载博客中遇到了一些问题:

第五步建立GitHub仓库时,仓库格式为:”用户名.github.io”。补充一下:如果你的用户名是大写的话要换成小写,我在这里卡了很久,还有就是大佬的文章中提到,建立完这个仓库后点击 settings 设置滑到最下面能够看到 GitHub Pages,但是当时我重新建立仓库很多次都没发现,后来在其他博主的文章中发现,现在的 GitHub Pages 在 settings 的左边:
image-20230926135333412

然后大佬下面修改 _config.yml 的时候,branch 参数为 master,我在其他文章中找到,现在 GitHub 默认的分支为 main 而不是 master,这就导致后续在将本地博客上传到 GitHub 后可能在自己的域名上没有得到本地的效果,有两种解决方案:

  • 直接将修改的 _config.yml 的 branch 参数修改为 main
  • 修改 GitHub 的 settings 设置里的 Pages,将 Branch 的分支修改为 master。(我是采取的这种方法)

在第八步美化的时候,最开始我是一直在hexo clean hexo g hexo d的。。。(没错,我最开始不是在本地修改完最后一起上传到 GitHub 上的……)后来发现,修改配置文件并保存后,直接刷新就能看到更改,不需要那么麻烦……所以,最高效的美化方法是:确认本地网站可以上传到 GitHub 上并且与自己的域名绑定后,在本地进行修改,最后一同全部上传到 GitHub 上。对于大佬文章中使用 Git Bash 来进行操作,我在使用 Git Bash 的时候经常保存,但是我在 cmd 中使用时却可以上传,Git Bash 报错的话,可以试试在cmd中提交。

对于美化我踩的坑还是蛮多的,卡了好多地方,比如页脚的访客数量和阅读人次,经过我踩雷后最简单的方法是:直接在thems/next/layout/_partial/footer.swig中添加下面的脚本:

1
2
3
4
5
6
7
8
9
10
11
<div class="powered-by">
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<i class="fa fa-user-md"></i>
<span id="busuanzi_container_site_uv">
本站访客数:<span id="busuanzi_value_site_uv"></span>
</span>
<span class="post-meta-divider">|</span>
<span id="busuanzi_container_site_pv">
本站访问量<span id="busuanzi_value_site_pv"></span>人次
</span>
</div>

注意,在使用这个方法时要确保在 thems 中的 next 文件夹里面的 _config.yml 文件的busuanzi_count选项值为 false:

1
2
3
4
5
6
7
8
9
busuanzi_count:
enable: false
total_visitors: true
total_visitors_icon: fa fa-user
total_visitors_header: 访客数
total_views: true
total_views_icon: fa fa-eye
post_views: true
post_views_icon: fa fa-eye

对于阅读首页文章部分显示的话,通过文章查阅发现现在的next已经内置了这个方法,只需要在你想展示的部分后面加上<!--more-->即可实现:

image-20230926142737683

后续还遇到的一个问题就是 ,点击阅读原文后,不是从文章开头开始的,处理办法:

强制修改\thems\next\layout\_macro\post.swig中:

1
<a class="btn" href="{{ url_for(post.path) }}#more" rel="contents">

修改为 去除 #more 锚点即可

1
<a class="btn" href="{{ url_for(post.path) }}" rel="contents">

参考自:https://blog.51cto.com/u_15127511/4317940