前言

写在前面

由于一次又一次的失败,我已经对博客快吐了!!

这里我系统化的一步一个脚印记录我的安装点滴。(其实也无非就是标注了一下资料的位置而已!)

写给下一代

小盆友们对我的博客蛮感兴趣的,所以索性做一个完整的demo帮助他们如何在只有C/C++的基础上,不需要网上试坑就搭建好一个属于自己的博客

搞不好保研还可以加分呢

前置工具

  • node

  • git

  • typora

markdown介绍

破解typora

教程网址:Typora破解教程

B站视频教程

## markdown使用教程

其实只需要学会标题表格一些很简单的操作,markdown的好处就是不需要排版,可以导出为pdf、word和HTML等格式。写期末报告的时候真的很爽!

B站视频教程

# 搭建hexo博客

参考视频

严格按照视频的来没有问题

  1. cnpm install -g hexo 注:管理员身份打开

  2. hexo init

  3. hexo s

  4. cnpm install hexo-deployer-git --save

  5. hexo g

  6. hexo d(如果不成功多试几遍)

注意: 若本地化打开不成功,切换各种各样的端口

  • hexo s -p 80

  • hexo s -p 5000

注意:若hexo d 之后没有正常上传,按Ctrl+ F5 刷新浏览器

butterfly主题美化

美化教程视频

+ 风车设计:[我的 Blog 美化日记 ——Hexo+Butterfly | Guo Le's Blog](https://guole.fun/posts/butterfly-custom/#post-comment)
  • 插入视频(教程在上面的风车设计博客链接里面):只需要修改地址即可,http

1
2
3
4
5
6
7
8
9
10
11
<div align=center class="aspect-ratio">
<iframe src="https://player.bilibili.com/player.html?aid=9926758&&page=1&as_wide=1&high_quality=1&danmaku=0"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
high_quality=1
danmaku=1
allowfullscreen="true">
</iframe>
</div>

本地插入图片

方法一:hexo-renderer-marked

不需要下载任何插件的方法

John_King

注意:在下载数学公式渲染插件不需要删除hexo-renderer-marked

即下面的代码不需要执行第一行,不然图片会无法渲染

1
2
npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save

方法二:hexo-asset-image

可以使用markdown-it的本地图片插入教程

markdown-it使用设置

添加阔爱小人www

给hexo博客添加Live2d小人 - 知乎 (zhihu.com)