前言:哪个男孩不想拥有自己的网站呢? hexo简介:Hexo 是一个基于nodejs 的静态博客网站生成器,作者是来自台湾的 Tommy Chen重点是不需要配置服务器,基本上都能白嫖 基本要求:初中英语
所需环境:
Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。 Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。 Git 与常用的版本控制工具 CVS, Subversion 等不同,它采用了分布式版本库的方式,不必服务器端软件支持。
windows:到git官网上下载,Download git,下载安装。
linux:对linux来说实在是太简单了,因为最早的git就是在linux上编写的,只需要一行代码
以Centos为例
SHELL
1 | yum install git |
---|
安装好后,用git --version
来查看一下版本
Git小乌龟是Windows平台的一款Git管理工具,适用于不怎么喜欢使用命令行的人
请参考链接 Git小乌龟的安装及使用 - 简书 (jianshu.com)
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。 Hexo基于Nodejs进行编写
Linux:
SHELL
12 | yum install nodejsyum install npm |
---|
Windows:
nodejs选择LTS版本下载安装
安装完成后需要检查是否安装成功
Windows:
桌面右键 Git bash here
SHELL
12 | npm -vnode -v |
---|
查看是否安装成功
可忽略国内环境大家都懂 你可以使用npm换源防止后面报错
注:因为淘宝源更新不及时 后面许多依赖同样会导致报错 推荐使用官方源搭配Magic网络使用
SH
123456 | //查看源npm config get registry//更换源npm config set registry https://registry.npmjs.org//淘宝源npm config set registry https://registry.npm.taobao.org |
---|
输入以下命令
SH
1 | npm install -g hexo-cli |
---|
依然需要查看是否安装成功
SH
1 | hexo -v |
---|
新建一个文件夹并初始化hexo
SH
12 | mikdir Blog && cd Blog//新建叫Blog的文件夹,如果你是Window直接新建文件夹并在文件夹里右键打开即可hexo init |
---|
注意:若此时hexo init报错请使用Magic进行上网
新建完成后,指定文件夹目录下有:
接下来就可以使用了 本地查看Hexo命令
SH
1 | hexo s |
---|
在浏览器输入localhost:4000就可以看到你生成的博客了
这里推荐TyporaTypora — a markdown editor, markdown reader.
1、先对刚才的源代码进行一次提交1、添加文件到版本库缓存区
PLAINTEXT
1 | git add . |
---|
2、添加文件到版本库
BASH
1 | git commit -m "备注信息" |
---|
3、请忽略
CSHARP
1 | git remote add origin 远程库地址 |
---|
4、push到远程仓库
SH
1 | git push -u origin main(推送到的分支名称) |
---|
现在来介绍常用的Hexo 命令
npm install hexo -g #安装Hexo npm update hexo -g #升级 hexo init #初始化博客
命令简写
SH
12345678910 | hexo n "我的博客" == hexo new "我的博客" #新建文章hexo g == hexo generate #生成hexo s == hexo server #启动服务预览hexo d == hexo deploy #部署 若使用我的教程 请忽略hexo server #Hexo会监视文件变动并自动更新,无须重启服务器hexo server -s #静态模式hexo server -p 5000 #更改端口hexo server -i 192.168.1.1 #自定义 IPhexo clean #清除缓存,若是网页正常情况下可以忽略这条命令 |
---|
刚刚的三个命令依次是新建一篇博客文章、生成网页、在本地预览的操作。
最后修改confi.yml里面的内容
我的主题为Butterfly
请参考里面的文档进行配置 开发者已经写的很详细了,这里不再赘述
注意:因为随机动漫壁纸的API源站受到攻击,目前已关闭访问,因次现在访问我的博客是蓝底无图(可能过两天恢复)
网站因备案即将闭站
你可以参考他们的博客或直接使用我的开源仓库TIANLI0/BF-OK: 基于butterfly的魔改版本hexo博客源码 (github.com)
clone到本地并修改butterfly_config.yml
进入目录安装依赖
SH
1 | npm install |
---|
参考上文及Butterfly - A Simple and Card UI Design theme for Hexo
注意 首页轮播图在BF-OK\source\_data\slider.yml
我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=3pbd856b2uqsk