hexo+github pages(gitee pages双线部署)博客搭建

1. 准备工作

git 和 node.js安装

git ,一个分布式版本控制系统,用于项目的版本控制管理。
node.js,因为Hexo 是基于 Node.js 驱动的一款博客框架。

npm 和 cnpm

npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

简而言之:①npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)#
    ②cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常。这是一个完整 npmjs.org 镜像。

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

通过npm安装cnpm,同时记得配置cnpm的环境变量path。

安装成功后,通过以下命令进行验证。

git version
node -v
npm -v
cnpm -v

注意:以下为写作方便,仍使用npm命令来演示,实际开发中用cnpm来代替npm即可。

2.Hexo

hexo安装

选择一个磁盘,新建一个文件夹,自己重命名文件夹。在该文件夹下右键鼠标,点击 Git Bash Here。输入以下 npm 命令即可安装,第一个命令表示安装 hexo,第二个命令表示安装 hexo 部署到 git page 的 deployer。

$ npm install hexo-cli -g
$ npm install hexo-deployer-git --save

hexo 配置

安装 完成后,再执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init myBlog
$ cd myBlog
$ npm install

新建完成后,指定文件夹的目录如下:

.
├── _config.yml # 网站的配置信息,您可以在此配置大部分的参数。 
├── package.json
├── scaffolds # 模版文件夹
├── source  # 资源文件夹,除 _posts 文件,其他以下划线_开头的文件或者文件夹不会被编译打包到public文件夹
|   ├── _drafts # 草稿文件
|   └── _posts # 文章Markdowm文件 
└── themes  # 主题文件夹

好了,如果上面的命令都没报错的话,就恭喜了,运行 hexo s 命令,其中 s 是 server 的缩写,在浏览器中输入 http://localhost:4000 回车就可以预览效果了。

$ hexo s

本地启动成功

3.github

  • 注册github账号
  • 新建仓库(仓库名一定要同用户名,因为Github 仅能使用一个同名仓库的代码托管一个静态站点)

配置 SSH key

要使用 git 工具首先要配置一下SSH key,我们才可以通过 git 操作实现本地代码库与 Github 代码库同步。配置好ssh后,就不用每次在git push时都需要输入用户名和密码

如果之前没有创建,则执行以下命令全局配置一下本地账户:

git config --global user.name "用户名"
git config --global user.email &#
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值