体验Hexo框架快速搭建博客网页

简介: Hexo 是一个快速、简洁且高效的博客框架。在几秒内,即可利用靓丽的主题生成静态网页。

体验Hexo框架快速搭建博客网页

一、前言
1.博客搭建可行性方案:
就我目前所了解到的,较多人采用的博客搭建方案有如下几种:
Git+Github+Markdown+jekyll (免费)
Git+Github+Markdown+hexo (免费)
虚拟主机+插件+Wordpress (付费)

2.个人建议:
如果你不想付费,也不想备案,那你基本上就已经确定了前面两种方案了,免费版走起。
如果你是高富帅,或者要求较高又不想浪费多余精力在搭建博客上面,那强力推荐采用第三个方案。轻松加愉快,爽的飞起。
github pages + hexo: Node.js静态框架,免费,轻量,搜索引擎检索问题需要自己解决一下不然百度爬不到

二、体验Hexo框架步骤
1.打开网址:https://workbench.aliyun.com/app
登录阿里云账号,选择应用列表中的Hexo框架创建应用
图片1.png

2.同意授权,并且进行下一步
图片2.png

3选择好仓库代码,并且进行下一步和完成
图片3.png
图片3.1.png

4.开始部署日常环境,等待其完成
图片4.png
图片4.1.png

5.选择线上环境的分支管理,选择好变更分支
图片5.png

6.开始部署线上环境,等待其完成
图片6.png

7.在部署历史记录里面选择日常环境的访问已部署网站
图片7.png

  1. 使用Hexo框架快速搭建的博客网页即可访问,如下图
    图片8.png

三、更换主题
1.hexo提供多种主题,直接抛链接:
hexo主题官网:https://hexo.io/themes/

2.下载主题
可以直接输入命令进行下载,格式:git clone 主题地址.git themes/目录,这里以下载yilia主题为例:

POWERSHELL
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
然后在themes目录下就会出现名为yilia的主题文件夹

修改_config.yml文件
找到# Extensions模块下的theme标签(默认为landscape),将其替换为下载好的主题名称yilia

POWERSHELL
theme: yilia
3.然后再重新清理缓存、部署、启动本地服务、推到远端,就可以啦

相关文章
|
存储 JavaScript 编译器
玩转vitepress1.0,搭建个人网站~
当初1月份的时候为了后续春招求职,就使用vitepress搭建了一个个人网站,然后把自己本地的一些md文件整理了发布在了上面,不过当时vitepress还未发布正式版本,还是0.22.x这样的版本, 所以其实有很多不满意的地方,比如侧边栏折叠之前没有,明暗模式之前没有,单篇文章的大纲好像也没有,侧边栏在不同tab下有问题,这些我不太确定,可能功能是有的,但是官方文档上没更新罢了
545 0
|
存储 对象存储 CDN
Hexo从0到1搭建博客系列04:图床的最佳实践
Hexo从0到1搭建博客系列04:图床的最佳实践
395 0
|
JavaScript 搜索推荐 程序员
Vuepress + gitee五分钟免费搭建个人博客(保姆级教程)
前言 作为一个程序员,没有折腾过个人博客是不算完整的。技术文章的输出是我们程序员能力的一种体现,也是一种非常好的个人总结。 市面上有很多搭建个人博客的工具或框架,包括hexo、wordpress等等。不可否认,市面上有些博客系统做得很好,博客主题也很丰富,但是往往存在一个问题:比较重。 作为一个Vue程序员,我就比较推荐使用vuepress搭建个人博客,因为它毕竟是Vue出品的,大家熟知的vue官方就是利用vuepress搭建的。 本篇文章就从零开始教大家搭建一个免费的博客,零基础小白也可以学习哦!
2470 0
Vuepress + gitee五分钟免费搭建个人博客(保姆级教程)
|
域名解析 前端开发 Cloud Native
【阿里云开发】一键部署静态博客——Hexo
【阿里云开发】一键部署静态博客——Hexo
430 0
【阿里云开发】一键部署静态博客——Hexo
|
开发框架 资源调度 JavaScript
用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)
用Hexo搭建博客入门教程-搭建环境生成hexo静态页面(一)
130 0
|
资源调度 JavaScript
十分钟教会你如何使用VitePress搭建及部署个人博客站点
十分钟教会你如何使用VitePress搭建及部署个人博客站点
1063 0
|
JavaScript
使用 hexo 框架 快速搭建个人博客(一)
使用 hexo 框架 快速搭建个人博客(一)
162 0
使用 hexo 框架 快速搭建个人博客(一)
|
JavaScript 开发工具 git
Hexo+Gitee静态博客保姆级搭建教程
Hexo+Gitee静态博客保姆级搭建教程
155 0
Hexo+Gitee静态博客保姆级搭建教程
|
搜索推荐 Shell 开发工具
github + hexo 小白超快搭建功能强大的个人博客网站(2)
github + hexo 小白超快搭建功能强大的个人博客网站(2)
157 0
github + hexo 小白超快搭建功能强大的个人博客网站(2)
|
索引
github + hexo 小白超快搭建功能强大的个人博客网站(3)
github + hexo 小白超快搭建功能强大的个人博客网站(3)
145 0
github + hexo 小白超快搭建功能强大的个人博客网站(3)