无成本搭建属于自己的静态博客

hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

步骤

0.不想自己搭建配置的可以fork最底下提供的github地址
1.使用npm安装hexo

npm install hexo

2.初始化hexo

hexo s

3.测试是否部署成功

访问下方给出的链接

如果看到这个界面则证明已经安装成功了!
4.如果需要查找主题可以通过官网进行查找前往搜索主题

5.安装主题以及配置基本信息
我这里选择了一个主题并通过git进行下载了

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly


6.进入hexo根目录修改_config.yml文件下的template字段
以及一些基础的信息
title 网站标题
subtitle 网站副标题
description 网站描述
keywords 网站的关键词。支援多个关键词。
author 您的名字
language 网站使用的语言。对于简体中文用户来说,使用不同的主题可能需要设置成不同的值,请参考你的主题的文档自行设置,常见的有 zh-Hans和 zh-CN。
timezone 网站时区。Hexo 默认使用您电脑的时区。请参考 时区列表 进行设置,如 America/New_York, Japan, 和 UTC 。一般的,对于中国大陆地区可以使用 Asia/Shanghai。
查看全部参数

7.重新运行查看主题是否生效

hexo s

如果出现如下错误
https://img10.360buyimg.com/ddimg/jfs/t1/167525/30/9804/15633/60432a24E6c4ce174/40754096473fce62.png
在hexo根目录下运行如下的命令

npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive

然后push到github上,再登陆cloudflare
进入page->创建项目->选择自己push到github上面的库


完成效果演示站

github地址:https://github.com/xhuanya/xhuan_blog

版权声明:本文为小幻博客「小幻」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://52xhuan.cn/190.html
THE END
分享
二维码
打赏
< <上一篇
下一篇>>