1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 快速构建属于自己的博客网站

快速构建属于自己的博客网站

时间:2024-06-25 00:31:57

相关推荐

快速构建属于自己的博客网站

①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配置说明文档

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。