专栏首页赵俊的Java专栏Hexo搭建 --- 1、搭建 Hexo 博客并部署到 Coding

Hexo搭建 --- 1、搭建 Hexo 博客并部署到 Coding

前言

我一直想搭建一个个人博客,要求就是简洁,支持Markdown,可以显示文章的TOC目录。 寻找的过程中也遇到了很多坑,教程基本上都不完整,或者是直接copy别人的,而且很多教程中是将其部署到github pages上 ,但是介于网速问题,还是选择了国内的Coding。下面先将我的经历给大家分享下。

  • JPress :国产,开源,基于JFinal开发的,主题生态系统正在快速完善中,但是markdown支持不好,所以就放弃了。
  • Ghost : 也很简洁,基于Node.js开发,有后台管理页。与markdown支持不错,但是本人英语不好,Ghost国内站也不再继续更新,虽然基本可以满足我的需求,但是迫于强迫症还是放弃了。
  • Hexo : 很简洁,可以直接生成纯html界面,优点是支持它的环境十分好找,可以直接用githubcoding七牛云存储等静态页面托管,可以省下VPS服务器的费用。

需求条件

  • Windows电脑一台 (没用过Mac,所以无法做Mac的教程)
  • 熟悉Markdown语法 (现学也可以,入门教程 )
  • 耐心 (有耐心按照教程一步一步执行下,不能嫌麻烦就半途而废)

安装Git

下载地址:传送门 这一步最好选择第二项,其他的默认就好

安装完后打开 cmd 输入 git --version 来测试是否安装成功。

安装Node.js

下载地址:传送门 下载安装即可,没有特殊配置,无限下一步。 安装完后打开 cmd 输入 node -v 来测试是否安装成功。

安装Hexo

首先在你电脑上找一个位置来安装Hexo。然后在那个文件夹中打开cmd (shift + 右键)

下载

npm config set registry http://registry.cnpmjs.org #修改安装源为中国镜像。
npm install hexo-cli -g

初始化Hexo

hexo init
npm install
npm install hexo-util --save

测试Hexo

hexo s

然后在浏览器的地址栏上面输入localhost:4000就可看到自己博客的样子。Ctrl + C 可以终止预览

配置Coding

Cdoing官网:https://coding.net/ 注册后创建一个新项目

项目名称,项目描述随意填写,项目选择私有项目。然后点击创建。

然后在电脑桌面右键,打开Git Bash Here

然后配置SSH: 配置shh key是让本地git项目与远程的coding建立联系

  • 检查是否已经有SSH Key,打开Git Bash Here,输入

cd ~/.ssh

  • 如果没有.ssh这个目录,则我们生成一个SSH,输入

ssh-keygen -t rsa -C "你的邮箱"

  • 接下来几步中系统会要你输入密码

Enter passphrase (empty for no passphrase):<输入密码>

Enter same passphrase again:<再次输入密码>

这个密码是在你提交项目给服务器的时候使用的,可以为空,如果为空的话提交项目时则不用输入密码就能提交。

  • 最好看到类似这样的界面,就成功设置ssh key了
  • 然后查看公钥 cat ~/.ssh/id_rsa.pub

然后将这些内容全部复制下来。

  • 回到Coding 添加你的公钥

然后直接把刚才复制的内容粘贴进去,点击添加即可。

  • 设置自己的身份,这里设置自己的名字和邮箱 git config --global user.name "Your Name"
  • git config --global user.email "email@example.com"
  • 在Git Bash Here 中输入 ssh -T git@git.coding.net

如果显示以下则说明coding中的ssh配置成功 Hello username You've connected to Coding.net by SSH successfully!

  • 开启Coding Pages服务 进入你刚才创建的项目。
  • 先在根目录下找到_config.yml文件,并进入编辑。我们找到deploy这一项,修改看下面: # Deployment ## Docs: http://hexo.io/docs/deployment.html deploy: #我们是使用 git 来部署的。 type: git # git 仓库的地址。 repo: https://git.coding.net/xxx/xxxx.git # 分支名称。 branch: master

仓库的地址可以在coding网站上找到,复制过来即可

测试Coding配置

  • 新建一篇文章,并且部署到Coding上面。在Hexo安装路径下打开cmd1hexo new 第一篇文章

然后在给出的路径里打开.md文件,用markdown语法写作即可

  • 在部署之前还有一步,就是要安装一个插件,不然无法部署上去。 npm install hexo-deployer-git --save
  • 发布部署文章 hexo g -d

然后在去Coding上就可以看到部署的文件了

至此,搭建完成。有关Hexo的详细配置,请参阅Hexo官方文档

如本文中有错误,欢迎在评论中进行指正。转账请注明出处,谢谢支持。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Shiro认证

    认证在 Shiro 中被称为 Authentication,用来验证用户是不是拥有相应的身份,也可以理解为登陆时校验登陆凭证的过程。

    一份执着✘
  • equals 和 == 到底有什么区别?

    一份执着✘
  • Shiro 集成 Spring 之加密

    本章我们来讲解,如果使用 Shiro 集成 Spring 后,使用加密功能。本章基础代码为上一章 : Shiro 集成 Spring 中的代码。

    一份执着✘
  • 一文教会你如何搭建个人博客

    1、如果我们热衷于技术,第一个可能想到的就是 Github ,Github 上各种开源的项目在我们小白初级阶段完全看不懂,但是我们既要融入这个全球最大的交友网站...

    用户1093975
  • Python爬虫 --- 2.2 Scrapy 选择器的介绍

    Scrapy提取数据有自己的一套机制,被称作选择器(selectors),通过特定的Xpath或者CSS表达式来选择HTML文件的某个部分 Xpath是专门在X...

    緣來
  • ​ Python爬虫 --- 2.2 Scrapy 选择器的介绍

    原文链接:https://www.fkomm.cn/article/2018/8/2/27.html

    圆方圆PYTHON学院
  • STL list源码分析以及实现

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/haluoluo211/article/d...

    bear_fish
  • 数据库架构设计中,最重要的“基概”!!!

    本文源自今年系统架构师大会,我在会上分享《数据库工程架构实践》的前3页PPT,数据库架构设计中的一些基本概念。 画外音:会上分享了近4个小时,见《十年》。

    架构师之路
  • C# 定时器保活机制引起的内存泄露问题

    C# 中有三种定时器,System.Windows.Forms 中的定时器和 System.Timers.Timer 的工作方式是完全一样的,所以,这里我们仅讨...

    丹枫无迹
  • 既生 Redis 何生 LevelDB ?

    了解 Redis 的同学都知道它是一个纯内存的数据库,凭借优秀的并发和易用性打下了互联网项的半壁江山。Redis 之所以高性能是因为它的纯内存访问特性,而这也成...

    老钱

扫码关注云+社区

领取腾讯云代金券