少女祈祷中...

暑假里心血来潮,想要建立一个个人博客,一方面存放一些技术笔记/生活记录,一方面也权当在互联网上留下自己的一个小小标记。简单地思考了网站必须的功能后,我将我想要实现的所有需求记录了下来⬇

基本功能

  1. 展示个人信息(头像,简介等)
  2. 支持发布markdown 格式的笔记,笔记含有封面、标题、简介与分类,可点击跳转到渲染好的markdown文件页面
  3. 评论/点赞功能
  4. 加入对emoji 的支持
  5. 搜索框(模糊字符串搜索) 现在文章还太少就先不加了(逃
  6. 夜间模式

在思考网站需求的同时,我偶然间知道了hexo 这个博客搭建框架,它正好使用Markdown 解析博客文章(虽然也支持其它标记语言),已经满足了我的博客的核心需求。最重要的是,在搭建静态网页时,它的效率极高:只需要输入几行命令行指令&耐心修改配置文件,就可以完成生成静态网页的流程。于是,在hexo主题发布页逛了几十分钟后,我选定了一个心水的主题hexo-theme-reimu。 它发布的日期很新,而且原作者在博客上发布了很详细的使用指南。虽然我并不了解车万,但reimu主题清爽的布局和好看的灵梦banner 深得我心!我于是风风火火地开始了本站的建设过程。

建站的过程不能说一番风顺,期间也遇到过以下并不严重但也算恼人的问题:

  • github图床无法正常显示
  • npm install npm uninstall卡住…
  • 使用git 发布网页时的网络问题

问题的解决方法也很简单:

  • 图床更换为本地图片/更换图床

  • 使用cnpm 代替 npm

  • 科学上网

然而,要说建站过程中遇到的最大问题,还要属静态资源的存放位置。简要描述的话,就是博客项目的根目录和themes 目录下都存在名为source的目录,而博客的头像、选项卡图标与博主的头像图片分别位于两个同名但不同位置的source 目录中,我一开始并没有意识到这一点,并在调试过程中花费很长时间解决图片不能正常显示的问题,直到我在主题文件的image.js中添加了让加载的图片路径输出到控制台的代码,我才最终区分清楚两个文件夹的不同功能(捂脸),而解决了这个问题后,博客的雏形也算是完成了。

在此,作为reimu主题使用者,我想诚挚地感谢@D-Sketon 发布这个主题并写出详尽的指南,希望有朝一日我也能创作出自己的博客主题/从头搭建一个动态的个人主页。