![](https://img-blog.csdnimg.cn/20190923144146524.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Hexo搭建个人博客
文章平均质量分 76
Mculover666
CSDN博客专家,微信公众号mculover666,凭借与生俱来的热爱专注于嵌入式领域,在自己折腾的同时,以文字的方式分享所玩、所思、所想、所悟,作为一个技术人,我们一起前进~
展开
-
Hexo优化教程 | 03-自有云图床配合Mpic,轻松解决md插图问题
教程汇总【Hexo基础教程-01】本地建立 Hexo 站点【Hexo基础教程-02】创建新文章并生成页面【Hexo基础教程-03】Github + Coding 部署Hexo站点【Hexo基础教程-04】换一个炫酷的响应式主题 —— Matery【Hexo进阶教程-01】优化文章永久链接为数字编号【Hexo进阶教程-02】使用Appveyor备份并持续集成博...原创 2019-11-19 11:16:20 · 958 阅读 · 1 评论 -
Hexo优化教程 | 02-使用Appveyor备份并持续集成博客(可以在任意电脑发布博客)
教程汇总【Hexo基础教程-01】本地建立 Hexo 站点【Hexo基础教程-02】创建新文章并生成页面【Hexo基础教程-03】Github + Coding 部署Hexo站点【Hexo基础教程-04】换一个炫酷的响应式主题 —— Matery【Hexo进阶教程-01】1. 待优化问题使用hexo d命令部署Hexo博客时,在Github仓库上传的只是 ...原创 2019-11-19 11:00:48 · 860 阅读 · 1 评论 -
Hexo优化教程 | 01-优化文章永久链接为数字编号
基础教程【Hexo-01】本地建立 Hexo 站点【Hexo-02】创建新文章并生成页面【Hexo-03】Github + Coding 部署Hexo站点【Hexo-04】换一个炫酷的响应式主题 —— Matery1. 待优化问题Hexo默认使用的文章永久链接格式是:year/:month/:day/:title/这种链接,如果遇上个中文标题,简直要爆炸,如下:[外链图...原创 2019-11-19 10:55:53 · 1433 阅读 · 1 评论 -
【最详细的Hexo教程,没有之一】04 - 换一个炫酷的响应式主题 —— Matery
专栏回顾【Hexo-01】本地建立 Hexo 站点【Hexo-02】创建新文章并生成页面【Hexo-03】Github + Coding 部署Hexo站点Matery主题Hexo官方站点上有非常多的主题,可以选择一套自己喜欢的,并且这些主题都是开源的,基本参考readme文档就可以完成更换,如果你懂点前端知识的话,还可以进行修改,贡献代码。这里我使用的 Matery 主题,是由...原创 2019-11-19 10:51:33 · 2871 阅读 · 6 评论 -
【最详细的Hexo教程,没有之一】03 - Github + Coding 部署Hexo站点
专栏回顾-【Hexo-01】本地建立 Hexo 站点-【Hexo-02】创建新文章并生成页面本文同时并行讲解了如何在Github部署和在Coding部署,Github面向国际,但是速度慢,Coding速度快,但是不稳,选择一个自己喜欢的平台就好~1. 何为部署?之前我们在本地使用hexo s启动服务,然后浏览器访问http://localhost:4000即可访问到博客,但是博客...原创 2019-11-19 10:47:32 · 1154 阅读 · 0 评论 -
【最详细的Hexo教程,没有之一】02 - 创建新文章并生成页面
专栏回顾【最详细的Hexo教程,没有之一】01 - 本地建立 Hexo 站点创建新文章在网站根目录下打开命令行,使用如下命令创建新文章:hexo new <title>执行该命令,Hexo会在/source/_posts目录下创建一篇新的文章:接下来在这篇文章里使用 MarkDown 语法编写文章即可。Front-matter打开 Hexo 创建的文章可以...原创 2019-11-02 14:26:03 · 3545 阅读 · 1 评论 -
【最详细的Hexo教程,没有之一】01 - 本地建立 Hexo 站点
1. 效果展示简洁炫酷的博客效果演示2. 安装Git、Nodejs、HexoGit参考文章:【Git & Github】(二)Git简介及其安装NodejsNodejs可以从官网( https://nodejs.org/en )下载LTS版本:安装之后检查一下是否正常输出版本信息:Hexo本文中所有的命令执行时,可以在Git bash中执行,但速度比较慢...原创 2019-11-02 14:24:09 · 1071 阅读 · 6 评论 -
Hexo搭建个人博客(十五)| 酒香也怕巷子深,让百度收录你的站点
引言俗话说,酒香不怕巷子深,可是对于我们写技术文章的小伙伴,酒香也怕巷子深呀,为什么呢?技术文章不同于资讯类文章,资讯类文章主要靠第一时间推送给用户,而技术文章不需要主动推送给用户,一般都是用户通过主动在搜索引擎(百度)来搜索,然后选择前几个进行阅读就可以解决问题,一般搜索引擎第2页的结果都很少看了,对吧~不吹不黑,CSDN平台在文章SEO这块做的很好,之前在TencentOS-tiny正式...原创 2019-09-30 14:28:02 · 1476 阅读 · 0 评论 -
Hexo搭建个人博客(十四) | 修改文章永久链接为随机编号
1. 问题描述Hexo默认使用的文章永久链接格式是:year/:month/:day/:title/这种链接,如果遇上个中文标题,简直要爆炸,如下:https://www.mculover666.cn/2019/08/10/2-STM32Cube/【STM32Cube-20】STM32CubeMX系列教程(完结)/...原创 2019-09-27 12:47:48 · 1430 阅读 · 3 评论 -
【Hexo搭建个人博客】(十三)Next主题中添加首页文章置顶功能及置顶图标
现在人工智能非常火爆,一般的教程都是为博硕生准备的,太难看懂了,分享一个非常适合小白入门的教程,不仅通俗易懂而且还很风趣幽默,点☞这里☜进入传送门~1. 安装插件npm uninstall hexo-generator-index --savenpm install hexo-generator-index-pin-top --save如果开启了持续部署和持续集成工具...原创 2019-09-08 11:17:42 · 1288 阅读 · 0 评论 -
【Hexo搭建个人博客】(十二)Next主题中添加超级好玩的看板娘(CDN方式)
使用第三方看板娘1.下载项目https://github.com/stevenjoezhang/live2d-widget下载到本地博客目录的themes/next/source下,修改autoload.js文件,如下:将const live2d_path = “https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/”;改为...原创 2019-09-08 10:26:06 · 2085 阅读 · 3 评论 -
【Hexo搭建个人博客】(十一)使用Appveyor持续集成博客(备份Hexo博客源文件)
0. 引言之前使用Hexo框架搭建了一个博客(Mculover666的个人博客),在Github和Coding双平台部署,但是在使用过程中带来了一些新的问题:问题1:Hexo自动部署到Github的只是public文件夹中的内容,其他重要的内容怎么办?比如辛辛苦苦配置的站点配置文件和主题配置文件;问题2:如果更换电脑怎么办?比如家里的电脑和实验室的电脑如何同步?问题3:如果哪天不幸硬盘坏...原创 2019-07-07 09:59:02 · 1359 阅读 · 0 评论 -
【Hexo搭建个人博客】(三)将Hexo站点部署到Github并且绑定私有域名
1.创建博客专用的个人仓库在Github上创建一个新的仓库,在填写地址的时候注意,这个地址是就是你的域名,以github.io结尾,我这里注册的是mculover666.github.io:复制仓库地址:2.部署Hexo到Github先安装部署的命令hexo-deployer-git:npm install hexo-deployer-git --save然后打开站点配置文件_...原创 2019-05-26 16:01:37 · 1226 阅读 · 6 评论 -
【Hexo搭建个人博客】(四)Hexo的基本配置
0.引言根目录下的_config.yml是整个Hexo框架的配置文件,修改此文件即可自定义Hexo的基本配置。1.网站参数描述title网站标题subtitle网站副标题description网站描述author作者language网站语言(默认en)timezone网站时区(默认使用电脑上的时区)其中,descriptio...原创 2019-05-27 15:05:05 · 735 阅读 · 0 评论 -
【Hexo搭建个人博客】(六)Next主题集成的第三方服务(Valine评论系统、Local Search搜索服务、不蒜子统计、百度统计分析服务、百度内容分享服务、MathJax公式服务)
1. Valine评论系统Hexo的评论系统非常丰富,但是也是各有优缺点:Disqus:国外,速度慢;Hypercomments:国外,速度慢;来必力(LiveRe):国外,速度慢;畅言:好用,需要备案;Valine(官方网站)诞生于2017年8月7日,是一款基于Leancloud的快速、简洁且高效的无后端评论系统。获取APP ID 和 APP Key首先注册登录LeanClo...原创 2019-05-30 15:24:52 · 946 阅读 · 1 评论 -
【Hexo搭建个人博客】(七)Github+Coding双平台部署
0.引言之前我们将博客部署在了Github并且绑定了个人域名:Github域名:http://mculover666.github.io自定义域名:http://mculover666.cn虽然搭建完成了,但是Github的服务器在国外,国内访问实在太慢,甚至还有频繁丢包情况:本篇文章讲述如何进行Github+Coding双平台部署,并且使用CDN加速。1.Coding部署Co...原创 2019-05-30 15:26:43 · 823 阅读 · 0 评论 -
【Hexo搭建个人博客】(八)添加背景效果(点击鼠标显示红心并浮现社会主义核心价值观)
1.编辑js文件添加love-click.js放在../hexo/themes/next/source/js/目录下:/* 爱心特效 */!function (e, t, a) { function r() { for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[e]....原创 2019-05-30 15:29:22 · 2030 阅读 · 0 评论 -
【Hexo搭建个人博客】(五)第三方主题(Next)的基本配置
0. 引言更换 Hexo 主题非常容易,只需要在 themes 文件夹内,新增一个任意名称的文件夹,并修改 _config.yml 内的 theme 设定,即可切换主题。在Hexo官方页面给出了很多Hexo主题,可以前往寻找一个喜欢的主题。1. 下载这里我选择iissnan 的hexo-theme-next主题,放上其github 。首先博客的theme目录,如图:然后将主题克隆下来...原创 2019-05-27 20:57:01 · 888 阅读 · 0 评论 -
【Hexo搭建个人博客】(九)Hexo+Next添加网易云音乐
1.将歌曲做成外链首先登录网易云,找一首没有版权的歌单,点击生成外链:网易云音乐歌单因为版权原因无法生成外链的解决方法:打开歌单页面,在生成外链播放器上右击,点击审查元素(检查);接着找到生成外链播放器这段文字复制:补全网页链接http://music.163.com/#/outchain/0/974387610/,打开就能看到外链链接了:进入该生成页面后,设置生成代码:...原创 2019-05-30 16:59:11 · 3636 阅读 · 1 评论 -
【Hexo搭建个人博客】(一)Git、Node.js、Hexo的安装
0.什么是HexoHexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。1.安装GitGit的安装参考我的另一篇博客:【Git & Github】(二)Git简介及其安装(Git是什么、Git的诞生、Git的优势、Git的安装、初次运行Git前的配置)2.安装Node.jsNode.j...原创 2019-05-24 09:55:13 · 853 阅读 · 0 评论 -
【Hexo搭建个人博客】(二)使用Hexo建站
安装 Hexo 完成后,执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件,注意,这个文件夹的名字建议设置成博客名:hexo init <folder>cd <folder>npm installHexo初始化的这个文件夹就是博客的主要文件:.├── _config.yml├── package.json├── scaffolds ├──...原创 2019-05-24 10:31:29 · 820 阅读 · 0 评论 -
【Hexo搭建个人博客】(十)个人博客搭建心得
经过一周的时间,终于搭建完成了属于自己的个人博客,再也不用受平台约束啦~写篇文章分享一下搭建的过程,以及自己的一些心得体会。搭建博客的初衷我是从18年开始写博客,最初的平台选择在博客园,界面比较清爽,但是博客园主要是针对互联网软件行业的,我发的内容相对来说偏硬件,后来转战CSDN,自带图床用的很爽,写文章时只需要截图粘贴就ok,但是广告太多,一个页面能出现三个广告,看着太不舒服了。最近这段...原创 2019-05-31 13:17:30 · 1101 阅读 · 0 评论