难受,测试下
搞博客这种事,一次就好,是不可能好的!
记录下搭建博客中遇到的100种小Bug。
目前的主题配方是yilia-plus,同样使用yilia主题的同学欢迎前来避坑!
因为想了解博客的访问量等运营数据,搜索发现了简书文章【Hexo博客添加访问量统计】 https://www.jianshu.com/p/c9f83d5b893a
随即发现了这个作者自己做的一个Hexo的theme叫做yilia-plus, https://github.com/JoeyBling/hexo-theme-yilia-plus
是在yilia主题基础上改进的(yilia主题见 https://github.com/litten/hexo-theme-yilia)
试用了下,感觉不错,然后发现Hexo其实提供了很多themes,详情见 https://hexo.io/themes/
初始默认的theme叫landscape
想使用现成的theme也很简单
比如安装yilia主题时在命令行敲的代码就是
1 | cd ./themes/ |
hexo new post “博文标题”
hexo d -g
我的方法是通过Hexo建立一个本地文章资源文件夹,将本地图片放入该文件夹中,再进行引用。
具体操作:
a) 找到_config.yml文件将其中writting部分的post_asset_folder值更改为true。
b) 在博客正文中通过下列语句实现图片的插入。
1 | {% asset_img 本地图片名称.jpg 图片注释 %} |
更多内容可参考 https://hexo.io/zh-cn/docs/asset-folders
因为Hexo默认使用Markdown语法,所以直接用Markdown插入代码块的写法即可。
Markdown中的写法如下图,开头的符号为反引号,一般在键盘的数字1左边,通过英文输入法输入即为反引号。
刚搭建完的博客,用的都是Hexo的固定模板,很多地方都不是我想要的,所以就开始嫌弃它。
我嫌弃它,更真实的原因是它不是我想要的,而我想要的太多了,哈哈哈哈哈!
下面来说说我都嫌弃这个固定模板哪些地方:
博客归属相关
a) 网页显示的Title
b) Banner正中央名称
c) Footer中版权署名
这3个地方现在都是模板自带的Hexo,而一般来说大家会期望改成自己的名称或者博客的名称。
比如我准备把它们都改成Hunchide,和我的博客域名一样。
博客功能相关
a) 没有个人介绍模块
b) 没有互动评论模块
这两个模块是我自己使用博客的强需求。
个人介绍模块,是因为期望将自己的简单介绍、微博联系方式等快速呈现给访客,能和大家快速产生一个连接。
互动评论模块,是因为更新博文不希望是一言堂,而是和大家有更多有效的交流,互相促进对这个世界的认识。
博文排版相关
a) 博文没有目录
习惯通过目录让大家快速了解到博文的整体结构。
只能自己动手丰衣足食了。这也是自己搭建博客的乐趣所在:一步步把它改造成自己想要的样子。
下面针对上面3点逐一介绍改造方法,如果你搭建过程中也同样想改造这些地方,欢迎参考。
1 | title: Hexo |
修改成了
1 | title: Hunchide |
无编程基础但是想自己搭个极简博客的萌新。(大佬们请忽略本篇)
零基础小白的我,亲试通关。(所以大家才能看到这篇)
本渣是Win10 64位,如果碰巧电脑配置一致,本篇的参考意义会更大。
相信看完这篇博客,你也可以开启自己的极简博客生涯!
这环节有点像实力劝退了,哈哈哈哈!
实际上写博客有很多途径,微信公众号、简书、博客园、CSDN、Lofter等等。
如果只是想沉淀自己的知识,欢迎大家去以上任何途径。
用Hexo+Github搭博客相对以上的方式,会更个性化(自己想怎么搞怎么搞),无广告等乱七八糟的东西打扰。
至于我自己是因为觉得可以有一个属于自己的域名,好像在网络世界建了一个自己的小星球。
包教包会!(其实我只是个无情的教程搬运工)
综合网上各类教程文章,最后发现下面这篇最清晰明了,直接发来给大家参考 https://www.jianshu.com/p/4f56cf990bba
请完全参照上述链接,下面只是简单列一下链接中的搭建流程和注意事项。
搭建环节我们先不去想为什么,先无脑按上面博客的流程通关。通关后,大家可再结合实操过程中的疑问,针对性地看第四部分。
这个部分记录我搭建完博客后,自己想了解的一些问题。
下面列出我联想到的问题及在网上找到的答案(对,我就是那个无情的搬运工)。
有的内容还是会比较技术化,本来是想用我自己的理解来描述,发现有点难,所以先搬运!
反正博客内容可以随时更新,我能说明白的时候就来更新它。
https://www.jianshu.com/p/8b3ee0ebd188
Node.js是一个运行环境,我们要用到的Hexo基于这个环境,所以需要先安装它。
https://www.jianshu.com/p/1c888a6b8297?utm_source=oschina-app
Hexo是一个静态页面的生成、上传工具。
(这里有个疑问,如果Hexo只能生成静态页面是不是无法评论留言互动?搜索发现可以搭配其他第三方的评论插件,但是比较复杂,我研究明白的时候再写一篇!)
https://blog.csdn.net/ITWANGBOIT/article/details/103618427
用于记录各类操作是谁做的,不需要和Github的账号邮箱一致。
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia-plus根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: false
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true