hexo构建个人博客
hexo是什么
Hexo 是一个快速、简洁且高效的博客框架。
Hexo 是基于Node.js的一个静态博客框架,使用 Markdown(或其他渲染引擎)解析文章。
在几秒内,即可利用靓丽的主题生成静态网页。
欢迎访问老李的博客:HEI_LAIOLI
前期准备
如果以前没装过,点击蓝色链接进入官网下载,然后直接next下去就好。
已经安装过Node.js和Git的,可以直接跳过上两步。
-
安装hexo
-
先新建一个存放hexo文件的文件夹(以下称blog文件夹),位置随意,想必不会有人放进系统盘。
-
在 blog文件夹内 右击空白处,点击弹出菜单的git bash here
-
在界面中输入以下命令,使用npm安装Hexo
npm install -g hexo-cli
-
输入
hexo -v
查看版本号
-
Hexo建站
-
初始化hexo
-
在blog文件夹内,右击 git bash here 打开的命令框中输入
hexo init
-
初始化可能会花费一些时间,稍安勿躁,暂时别离开,应该不够你泡杯茶。
-
命令执行后的blog根目录,会发现多出很多文件,暂时不管他。
-
node_modules:hexo的插件目录,作用是利用此目录的插件生成对应功能的静态HTML等代码。
-
scaffolds:模板文件夹。新建文章时,Hexo会根据scaffolds里的模板文件来新建文章。
-
source:存放用户资源,文章图片之类。该文件夹内除
_posts
文件夹之外,其他开头为_
的文件/文件夹将被忽略。 -
themes:主题文件夹,hexo会根据主题来生成静态页面,这个我们后面会用到。
-
_config.yml:配置文件,在这里可以配置hexo的大部分参数。
-
-
-
查看hexo
-
到这里基本就算完成了,可以输入
hexo server
或偷懒直接输hexo s
启动服务 -
打开浏览器,输入
localhost:4000
就可以看到博客的页面了。默认是这个样式:
-
Ctrl + C
关闭服务器下次开启还是 blog 文件夹 => 右键菜单 =>
git bash here
=>hexo s
-
Hexo主题
-
hexo有个官方的样式网站 themes
-
选择自己喜欢的主题
-
点击图片可以查看主题,点击标题进入GitHub仓库
-