hexo写文章 使用Hexo生成自己的Blog(一)
作为一个半吊子程序员的我,也有一个成为技术大牛的心,这个需要不断地积累,记录点滴,记录成长,学习一门技术就是要自己动手,实践为先,不管是啥都先搞个demo,写个hello world,然后看兴趣酌情深入,逐步成长。
我平常也不是一个喜欢写东西的人,可能笔者比较挑剔,觉得没有好看的东西承载我的内容,总是显得枯燥,最近发现有个博客,风格深得我心,酷炫吊炸天,我就也想搞个。说干就干
先看看效果,再去研究,实操,博客是用Hexo搭建的,开始吧。
效果图
什么是Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 (或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
这个是官方的介绍, 按照这个步骤来,咱也一步步搞出个博客。
1、安装
需要的前置条件,需要安装git和,再使用这个命令安装Hexo
npm install hexo
可以使用hexo -v检查是否安装成功,安装以后,可以使用以下两种方式执行 Hexo:
npx hexo将 Hexo 所在的目录下的 添加到环境变量之中即可直接使用 hexo:
echo 'PATH="$PATH:./node_modules/.bin"' >> ~/.profile
2、开始hello world之旅
进到一个空目录,创建一个工程
hexo init hexo-study
cd hexo-study
# 安装依赖
npm install
得到这样的文件信息
.
├── _config.yml
├── package.json
├── node_modules
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
其中一些配置信息,我平常一般忽略这些啥意思,有需要直接去查就行了。现在第一要务是跑起来,
3、启动
在刚刚的目录下使用以下命令来运行我们的博客:
hexo server [-p 8080]
在默认情况下用的4000 端口,如果已经被占用,也可以添加 -p 参数来换用其它端口:
打开 :4000 即可访问我们生成的网站了。
hello world
作为一个有美感追求的人,肯定不会满足默认主题,接下来就是主题设置了,这里笔者选了一个比较喜欢的主题,,来到与我们的博客项目同级的目录,将主题项目克隆到本地。这里用的是gitee国内的镜像仓,不一定能下载下来
git clone https://gitcode.net/mirrors/blinkfox/hexo-theme-matery.git
在博客项目下的 文件夹里新建一个叫 的文件夹,然后将主题文件复制到这个文件夹里,名字的话,可以随便
mkdir hexo-study/themes/matery
cp -r hexo-theme-matery/* hexo-study/themes/matery
打开我们的配置文件(.yml),这里要用到.yml,那来看看官方的解释,修改 theme 属性,设置为博客主题所在的文件夹名,这里即为 ,修改完成重新部署。
参数
描述
theme
当前主题名称。值为false时禁用主题
主题的配置文件。在这里放置的配置会覆盖主题目录下的 .yml 中的配置
部署部分的设置
Meta 标签。 值为 false 时 Hexo 不会在头部插入该标签
cd hexo-study
hexo clean && hexo generate
hexo server
主题效果图
到此一个blog就完成了。瞬间高大上了不少。当然也可以使用其他的主题,只是配置会差异吧。
这样只是在本地运行起来了,那怎么运行到自己的服务器上呢,因为是静态网页,其实也可以利用,生成自己的在线博客,后面再研究下。
用多少,学多少。就是这么随性