使用码云gitee搭建Hexo博客

前面介绍过使用 github + page搭建,但是github访问太慢了,每次感觉都要很久才会加载出来。码云搭建的快很多。

需要安装
  • Git
  • NodeJs

安装这两个自行百度吧,挺简单的。

这儿如果你是使用Mac的小伙伴 我直接放两个安装包地址出来 ,这样子省去你敲一堆命令行,也许还会出错。

NodeJs安装: 这个nodejs官网, 你可以直接下载mac node-v12.18.0.pkg 下载过直接安装然后成功过后会出现

This package has installed:
• Node.js v12.18.0 to /usr/local/bin/node
• npm v6.14.4 to /usr/local/bin/npm
Make sure that /usr/local/bin is in your $PATH.

Git安装: 这个git网址, github地址 https://github.com/timcharper/git_osx_installer/releases 下载git-2.2.1-intel-universal-mavericks.dmg

如过安装出现 打不开xxx 因为它来自身份不明的开发者,先得打开 Terminal 终端应用,可以在 Launchpad 的其它,然后输入命令 sudo spctl --master-disable 然后会出现 允许任何来源如图,然后左下角点击锁然后输入电脑密码,勾上任何来源,然后再次点击锁。

这儿多说一个如何让 Finder 显示隐藏文件和文件夹

终端输入defaults write com.apple.finder AppleShowAllFiles -boolean true ; killall Finder,就可以现实隐藏点开头的文件,如果需要关闭defaults write com.apple.finder AppleShowAllFiles -boolean false ; killall Finder

安装完成过后检查SSH Keys设置

一、输入cd ~/.ssh, 如果没有会出现 .ssh :No such file or directory。

二、输入 ssh-keygen -t rsa -C "你gitee码云注册相关联的邮箱" 然后回车。这儿回车时需要输入用户名和密码,建议不要输入,全部回车就好,应为到时候hexo d会输入麻烦,可以查看这个链接 报错 Enter passphrase for key ‘/Users/xxx/.ssh/id_rsa,不过为了安全而已,不过也可以 git config --global credential.helper store然后 git pull /git push 再输入密码,下次就不再次输入密码了。

三、cd ~/.ssh 然后 ls会出现 id_rsa 和 id_rsa.pub。

四、输入eval "$(ssh-agent -s)"添加密钥到ssh-agent。

五、ssh-add ~/.ssh/id_rsa,添加生成的SSH key到ssh-agent。

六、/Users/你的电脑用户名/.ssh/id_rsa.pub 这个目录里就是前面生成的,如图打开电脑前往文件夹然后输入前面的路径

然后前往打开里面的id_rsa.pub使用记事本打开然后拷贝。

这儿就差不多完成了,现在去https://gitee.com/login码云 ,没注册的自己注册然后去生成一个仓库,这儿多说一点,可以看到码云官网平台有说明 码云帮助中心 这儿这么说的

常见问题
  1. 如何创建一个首页访问地址不带二级目录的 pages,如ipvb.gitee.io?

    答:如果你想你的 pages 首页访问地址不带二级目录,如ipvb.gitee.io,你需要建立一个与自己个性地址同名的仓库,如 https://gitee.com/ipvb 这个用户,想要创建一个自己的站点,但不想以子目录的方式访问,想以ipvb.gitee.io直接访问,那么他就可以创建一个名字为ipvb的仓库 https://gitee.com/ipvb/ipvb 部署完成后,就可以以 https://ipvb.gitee.io 进行访问了。

  2. 当要部署的项目与自己的个性地址不一致时,部署完成后存在一些资源访问404?

    答:当需要部署的仓库和自己的个性地址不一致时,如:https://gitee.com/ipvb/blog ,生成的pages url 为 https://ipvb.gitee.io/blog ,而访问的资源404,如 https://ipvb.gitee.io/style.css 。这是因为相应配置文件的相对路径存在问题导致的,生成的资源 url 应该为 https://ipvb.gitee.io/blog/style.css 才对。对于不同的静态资源生成器,配置如下:

    1
    2
    3
    Hexo 配置文件_config.yml的url和root修改如下:
    url: https://ipvb.gitee.io/blog
    root: /blog

上面是官网帮助文档里的。这儿你可能琢磨半天不需要二级目录,像我这个一样 https://kziwws.gitee.io 你先去建立仓库的名字就是用户名字这样才可以,非这个名字的有二级目录。

建立的仓库过后,然后去码云个人用户信息里 设置里面注意这儿不是这儿

如果下图是这个位置

然后把前面拷贝的SSH key粘贴进去就可以了。

安装Hexo

一、新建一个目录,你自己想建在哪儿就是哪儿,然后 终端 输入 cd /你的建立的这个目录

二、在输入 npm install -g hexo-cli 完成过后 hexo init,过后会生成博客所需要的文件目录

1
2
3
4
5
6
7
_config.yml 站点配置文件
package.json 站点依赖文件
scaffolds 模板文件夹
source 资源文件夹
_drafts
_posts
themes 主题文件夹

三、打开主配置文件_config.yml,然后在URL 这儿

1
2
url: https://kziwws.gitee.io
root: /

四、配置 Deployment最底部,这儿换成你自己的。

1
2
3
4
deploy:
type: git
repository: https://gitee.com/Kziwws/kziwws.git
branch: master

五、配置 Themes landscape-plus,我这儿是自己修改的一个。

1
2
## Themes: https://hexo.io/themes/
theme: landscape-plus

六、先hexo cleanhexo g 然后hexo d,如果出现以下问题。

  • ERROR Deployer not found: git
    在终端中输入 npm install hexo-deployer-git --save安装 hexo-deployer-git插件
开启码云的pages功能

打开https 然后浏览器里访问 上面的网站地址就可以了。这儿配置hexo 文件这些就不说了,前面有一篇文章已经说过了。分类写文章和基础配置介绍,有一个感觉挺好用的在线Markdown编辑器 https://maxiang.io/ 马克飞象挺好用。