①5行代码搭建属于自己的博客网站
安装前提:
已安装Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本,一般来说优先推荐最新版)
打开命令行终端,依次输入以下命令行,即可完成博客构建
npm install hexo-cli -g #使用npm安装hexohexo init blog #在当前所在位置生成blog文件夹cd blog npm installhexo server # 运行博客,可在浏览器打开博客
生成的blog文件夹目录如下:
.├── _config.yml #根目录下网站的配置信息,大部分配置在此处修改├── package.json #版本、依赖等相关信息├── scaffolds #模版文件夹,可以设置每次新建文章中会自动填充的东西,比如title,date├── source #开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略| ├── _drafts #可以自己新建该文件夹,用来放文章草稿| └── _posts #存放文章的文件夹└── themes #设置博客的主题风格
运行hexo server
后可根据命令行提示打开相应网页http://localhost:4000/
博客当前效果
其它常见的_config.yml 文件修改建议:
语言设置为中文:
language: en
修改为language: zh-CN
文章列表中每页文章篇数设置:两个per_page
默认是10,建议修改为3的倍数
②配置主题美化个人博客(Matery)
在Github上下载Matery主题文件夹,/blinkfox/hexo-theme-matery,文件夹解压缩后修改为matery放入themes文件夹下
修改根目录的文件_config.yml
,将主题theme属性从theme: landscape
修改为theme: matery
,保存修改
在cd blog
文件夹后,输入hexo clean && hexo g && hexo s
打开网页,即可拥有Matery风格的个人博客
首页:
文章详情:
Tips:
官网(https://hexo.io/themes/)有很多其他风格可以尝试,相关文档、个性化设置比较全面并且比较好看的主题风格比如Next,Butterfly,都挺推荐的
③为博客新增分类、标签页面
点击导航栏的标签、分类、关于等,没有相关信息显示,本篇文章用于配置相关页面。
1 添加tags页面
**效果:**为相关文章添加如下的tags
(前端、Hexo)后,可通过标签梳理每篇文章,一篇文章可以有多个标签
点击网页标签后,效果如下:
在cd blog
文件夹后,输入hexo new page "tags"
,将在根目录的source文件夹下生成 tags/index.md文件,将index.md
文件修改如下(增加type和layout)即可:
---title: tagsdate: -09-30 18:23:38type: "tags"layout: "tags"---
2 添加categories页面
**效果:**为相关文章添加categories
(构建博客)后,可通过分类梳理每篇文章,一篇文章只能有一个分类
点击网页标签后,效果如下:
在cd blog
文件夹后,输入hexo new page "categories"
,将在根目录的source文件夹下生成 categories/index.md文件,将index.md
文件修改如下(增加type和layout)即可:
---title: categoriesdate: -09-30 17:25:30type: "categories"layout: "categories"---
更多配置内容,请参考链接:Matery配置说明文档
如果觉得《快速构建属于自己的博客网站》对你有帮助,请点赞、收藏,并留下你的观点哦!