栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

hexo博客的搭建与部署

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

hexo博客的搭建与部署

hexo博客搭建

文章目录
  • hexo博客搭建
    • 搭建环境
      • 安装node.js与git
      • 安装淘宝镜像源
      • 安装hexo博客框架
    • 使用hexo
      • 建立一个文件夹存放博客文件
      • 初始化hexo博客
      • 创建第一篇文章
    • 部署到gitee
      • 新建仓库
      • 安装git插件
      • 设置远程仓库
      • 部署到远端
      • 配置gitee pages
    • 写博客流程
      • 写博客(md)
      • 部署到远端
    • 更换主题
      • 安装butterfly主题
      • 修改配置文件
      • 运行博客
      • 安装渲染器插件
      • 部署到远端

搭建环境 安装node.js与git 安装淘宝镜像源

管理员身份进入终端,为了下载更快,可以先安装淘宝镜像源

npm install -g cnpm --registry==http://registry.npm.taobao.org

安装hexo博客框架
cnpm install -g hexo-cli

安装完成后输入hexo -v来验证一下是否成功

使用hexo 建立一个文件夹存放博客文件

初始化hexo博客
hexo init

初始化后根目录下中就自动生成了博客框架的一些文件

输入下面的网址启动博客看看

创建第一篇文章
hexo new "你要写的文章的标题"

文章创建后会保存到根目录/source/_posts目录下

点开编辑文章

返回根目录依次执行下面的命令

hexo clean  //清理缓存
hexo g  //生成静态文件html
hexo s  //运行

重新加载页面,文章显示出来了

部署到gitee

部署到github的步骤也是一样的

新建仓库

这里我把仓库名称设置的和我的用户名一样,

因为这样设置的话,配置好gitpage后直接输入zlw0504.gitee.io就可以访问了,

仓库库设置为其他的名称也是可以的,但是需要输入zlw0504.gitee.id/仓库名 来访问,

在我自己测试的时候发现,如果用其他的仓库名,使用gitee网址运行时css是失效的,

网上也可以找到相应的解决方案,这里不在赘述。

安装git插件

这个插件是为了将本地文件部署到远端用的,在根目录下输入以下命令

npm install hexo-deployer-git --save

设置远程仓库

进入根目录找到_config.yml文件

打开更改以下内容,(在文件的最后面)

部署到远端

进入根目录,输入hexo d命令将本地文件部署到远端

hexo d

进入gitee仓库查看一下

配置gitee pages

在仓库里面找到gitee pages,点击启动

访问这个网址就可以了

写博客流程

写博客的一般流程

写博客(md)

执行以下命令创建md文件,文件会生成在source_posts中,使用typora编辑文章

hexo new "博客标题"
部署到远端

依次执行下列命令

hexo clean  //清一下缓存
hexo g  //生成静态文件
hexo d  //推送到码云

进入gitee pages页面更新一下就ok了

更换主题 安装butterfly主题

这里以butterfly为例

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

这里可能报错报错fatal: unable to access ‘https://github.com/…’: OpenSSL SSL_read: Connection was reset, errno 10054

产生原因:一般是这是因为服务器的SSL证书没有经过第三方机构的签署,所以才报错

参考网上解决办法:解除ssl验证后,再次git即可

输入命令 git config --global http.sslVerify “false”

安装完成后就可以在themes下看到这个文件了

修改配置文件

返回根目录下_config_yml文件,修改以下内容

运行博客

返回根目录,依次执行下列命令

hexo clean

hexo g

hexo s

这里打开网址报错了,根据提示需要安装渲染器插件

安装渲染器插件
npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive

安装完插件再次执行“hexo三连”就可以了

部署到远端

在根目录下输入hexo d命令部署到远端

更新一下gitee pages就可以使用gitee.io那个网址访问了

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/284026.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号