暑假里心血来潮,想要建立一个个人博客,一方面存放一些技术笔记/生活记录,一方面也权当在互联网上留下自己的一个小小标记。简单地思考了网站必须的功能后,我将我想要实现的所有需求记录了下来⬇
基本功能
- 展示个人信息(头像,简介等)
- 支持发布markdown 格式的笔记,笔记含有封面、标题、简介与分类,可点击跳转到渲染好的markdown文件页面
- 评论/点赞功能
- 加入对emoji 的支持
- 搜索框(模糊字符串搜索)
现在文章还太少就先不加了(逃 - 夜间模式
在思考网站需求的同时,我偶然间知道了hexo
这个博客搭建框架,它正好使用Markdown
解析博客文章(虽然也支持其它标记语言),已经满足了我的博客的核心需求。最重要的是,在搭建静态网页时,它的效率极高:只需要输入几行命令行指令&耐心修改配置文件,就可以完成生成静态网页的流程。于是,在hexo
主题发布页逛了几十分钟后,我选定了一个心水的主题hexo-theme-reimu
。 它发布的日期很新,而且原作者在博客上发布了很详细的使用指南。虽然我并不了解车万,但reimu
主题清爽的布局和好看的灵梦banner 深得我心!我于是风风火火地开始了本站的建设过程。
建站的过程不能说一番风顺,期间也遇到过以下并不严重但也算恼人的问题:
- github图床无法正常显示
npm install
npm uninstall
卡住…- 使用
git
发布网页时的网络问题
问题的解决方法也很简单:
-
图床更换为本地图片/更换图床
-
使用
cnpm
代替npm
-
科学上网
然而,要说建站过程中遇到的最大问题,还要属静态资源的存放位置。简要描述的话,就是博客项目的根目录和themes
目录下都存在名为source
的目录,而博客的头像、选项卡图标与博主的头像图片分别位于两个同名但不同位置的source
目录中,我一开始并没有意识到这一点,并在调试过程中花费很长时间解决图片不能正常显示的问题,直到我在主题文件的image.js
中添加了让加载的图片路径输出到控制台的代码,我才最终区分清楚两个文件夹的不同功能(捂脸),而解决了这个问题后,博客的雏形也算是完成了。
在此,作为reimu
主题使用者,我想诚挚地感谢@D-Sketon 发布这个主题并写出详尽的指南,希望有朝一日我也能创作出自己的博客主题/从头搭建一个动态的个人主页。