因为hexo是基于node.js,所以比较依赖于node.js把md文件生成静态文件html。
node.js
我们是利用git进行对hexo项目操作的,包括把文章部署到码云/github。
git
所以首先要安装node.js、git
所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。
首先创建一个文件夹为“blog”来存放我们的博客文件,我们右键使用Git Bash Here打开。
直接运行下方代码,使用 npm进行安装hexo
$ npm install hexo-cli -g
安装结束后,我们通过以下命令查看版本
$ hexo version
如果出现一下文字,则证明安装hexo成功,这里打印出了各种依赖环境的版本号
hexo-cli: 3.1.0 os: Windows_NT 10.0.18363 win32 x64 node: 12.14.1 v8: 7.7.299.13-node.16 uv: 1.33.1 zlib: 1.2.11 brotli: 1.0.7 ares: 1.15.0 modules: 72 nghttp2: 1.40.0 napi: 5 llhttp: 2.0.1 http_parser: 2.8.0 openssl: 1.1.1d cldr: 35.1 icu: 64.2 tz: 2019c unicode: 12.1
安装 Hexo 完成后,执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件
$ hexo init myblog // 新建所需要的文件 $ cd myblog // 进入myblog $ npm install // 同步配置文件
注意:在使用$ hexo init命令的时候有概率会出现配置环境的问题,如果没保存就直接往下运行即可
$ hexo init
启动hexo
$ hexo server
然后我们就可以使用 localhost:4000 访问了!
首先我们需要有一个github账户,自己去注册一个就可以
然后创建一个仓库
创建仓库的时候勾上 Initialize this repository with a README
然后进入仓库点击,绿色处Clone or download,复制https地址,如:https://github.com/xxxx/xx.git
打开配置文件,拉到最后,找到deploy,这样配置
# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repo: https://github.com/xxxx/xx.git branch: master
如果要同时部署到码云/github,可以这样配置
# Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repo: coding: https://gitee.com/xxx/xxx.git,master duapp: https://github.com/xxx/xxx.github.io.git,master
一点要注意规范,type: repo: branch:后一定要空一格
type:
repo:
branch:
首先安装 hexo-deployer-git,这是一个插件包,用于提交代码到码云 / github
$ npm install hexo-deployer-git --save
执行成功后,会在文件夹中多出一个.deploy_git文件夹
然后执行下面代码提交你的邮箱和用户名(这里指的是你的GitHub邮箱、用户名)
git config --global user.email “你的邮箱” git config --global user.name “用户名”
接着执行以下命令将代码推送上去
$ hexo clean $ hexo g $ hexo d
也可以这样执行命令
$ hexo clean && hexo g && hexo d
这时会弹出账号/密码框,账号和密码,就是GitHub登录的账号和密码
成功提交代码后,我们会在GitHub仓库看到我们提交的代码
上传到码云仓库和GitHub仓库,基本一样,可以按照上方操作进行
要注意配置文件中的root:默认是root: /,可能要修改成root: https://ganto_blog.gitee.io/xxx/ 或者 root: /xxx/
因为码云仓库,创建之后,会在一个类似文件夹中,所以配置文件这里需要修改为root: /xxx/
如果你是上传到码云仓库,码云Gitee Pages 普通版,每次提交代码后,都需要手动更新 Pages 服务(重启 Pages 服务),可以免费使用一个月pro版,坑
在博客中有时候加载jQuery包的路径无法访问,我们需要修改jQuery包路径,这个问题好像只有默认landscape主题有,如果真的存在这种问题的话,可以进入themes\landscape\layout_partial,找到after-footer.ejs打开,把引用的包改成其他可以访问的即可,不可以改成http地址包
<script src="//cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
本文链接:https://heri.ganto.cn/2020/02/18/hexo%E5%8D%9A%E5%AE%A2%E4%BB%8E0%E5%88%B0%E9%83%A8%E7%BD%B2/
本文更新于:2021-03-03 23:51:55
小站声明:如果你需要“转载”、“引用”小站的文章,可以不需要作者同意,请务必标明出处和文章链接。