简介
Hexo是一款基于Node.js的静态博客框架,快速、简洁、高效,使用 Markdown(或其他渲染引擎)解析文章。
安装
安装node.js
官网下载,一路next,就安装完成。
然后打开cmd,用node -v测试,
显示版本就表示安装成功了。
安装hexo
创建一个博客的顶级文件夹。
然后打开cmd,进入到这个文件夹内,输入:
npm install hexo -cli -g //安装hexo
然后输入:
hexo init blog //初始化hexo
初始化完成后,cmd进入blog内,然后输入:
hexo s -g //启动博客
完成搭建。
hexo的文件架构
├── node_modules: #依赖包-安装插件及所需nodejs模块。
├── public #最终网页信息。即存放被解析markdown、html文件。
├── scaffolds #模板文件夹。即当您新建文章时,根据 scaffold生成文件。
├── source #资源文件夹。即存放用户资源。
| └── _posts #博客文章目录。
└── themes #存放主题。Hexo根据主题生成静态页面。
├── _config.yml #网站的配置信息。标题、网站名称等。
├── db.json: #source解析所得到的缓存文件。
├── package.json # 应用程序信息。即配置Hexo运行需要js包。
添加文章-把.md文件放到_posts内。再用命令清除重新生成即可更新。
可能会遇到的问题
1.hexo”不是内部或外部命令,也不是可运行的程序。
解决:添加hexo目录到环境变量,注意这个“hexo目录”。
重新进入hexo blog博客文件夹内,再使用初始化命令。
参考文章:
https://blog.csdn.net/Deng872347348/article/details/121646375
https://blog.csdn.net/qq_27093465/article/details/72954725
2.网站上线后乱码
解决:上传的md文件不是utf-8格式的,重新另存为utf-8编码格式,重新上传即可。
主题
下载主题后,解压至themes文件夹内,如图:
解压完成后,修改_config.yml
将_config.yml内的theme:修改为主题名字。
然后清除缓存,重启博客。
hexo clean // 清除
hexo g //生成
hexo s //启动服务
//说明:
hexo clean //#清除缓存 ,网页正常情况下可以忽略此条命令,执行该指令后,会删掉站点根目录下的public文件夹
hexo g //#生成静态网页 (执行 $ hexo g后会在站点根目录下生成public文件夹, hexo会将"/blog/source/" 下面的.md后缀的文件编译为.html后缀的文件,存放在"/blog/public/ " 路径下)
hexo s //#启动服务,启动本地服务器,用于预览。
完成搭建
通过http://localhost:4000 即可访问。
参考文章
https://blog.csdn.net/weixin_57349957/article/details/122986034?
https://www.cnblogs.com/yyyzyyyz/p/15526159.html
https://www.cnblogs.com/ashenweb/p/13415790.html
https://www.jianshu.com/p/7b8faf77d1af