搭建Hexo


安装 Hexo

在指定路径下运行代码即可安装hexo -g 表示全局安装,第一次安装后,以后便可以不用安装

npm install -g hexo-cli

安装完后输入hexo -v验证是否安装成功。

初始化Hexo

创建博客项目的文件夹 eg: wztBlog
接下来运行代码hexo -init wztBlog初始化hexo

hexo -init wztBlog

必备组件安装

安装必备的组件

cd wztBlog      //进入这个wztBlog文件夹
npm install

新建完成后,指定文件夹wztBlog目录下有:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • _config.yml: 博客的配置文件

至此,本地网站已配置好,输入hexo g生成静态网页,然后输入hexo s打开本地服务器

hexo g
hexo server(或者简写:hexo s))

然后浏览器打开http://localhost:4000/,就可以看到本地博客

ctrl+c关闭本地服务器。

Hexo 同时部署在github和gitee上

Github账号创建个人仓库

新建一个项目仓库New repository

项目名称必须和用户名称一致,后面一定要加.github.io后缀,README初始化也要勾上。

注:一定要名称一致

  • ​ Github用户名:XXX
  • ​ github仓库名: XXX.github.io
  • ​ gitee仓库名: XXX

Gitee账号创建个人仓库

新建一个项目仓库, 仓库名为XXX

配置公钥

生成SSH添加到GitHub,连接Github与本地。
右键打开git bash,然后输入下面命令:

git config --global user.name "yourname"
git config --global user.email "youremail"

验证

git config user.name
git config user.email

创建SSH

ssh-keygen -t rsa -C "youremail"

这个时候已经生成.ssh的文件夹。在你的电脑C:\Users\yourUser\...中找到这个文件夹。或者git bash中输入

cat ~/.ssh/id_rsa.pub

将输出的内容复制到框中,点击确定保存。

打开github,在头像下面点击settings –> SSH and GPG keys –> 新建一个SSH,名字随便取一个都可以,把你的id_rsa.pub里面的信息复制进去。

打开gitee 在头像 –> 个人主页 –> 设置 –> 安全设置 –> SSH公钥 –> 添加公钥。

git bash输入ssh -T git@github.com,出现你的用户名,那就成功了。不需要管Hover….

将hexo部署到GitHub

接下来将hexoGitHubgitee关联起来,也就是将hexo生成的文章同时部署到GitHubgitee上,打开博客根目录下的_config.yml文件,这是博客的配置文件,在这里你可以修改与博客配置相关的各种信息。修改最后一行的配置:

deploy:
  type: git
  repository:
    github: https://github.com/XXX/XXX.github.io.git,main
    gitee: https://gitee.com/XXX/XXX.git,master

其中的XXX表示注册github时的用户名。

修改URL一行的配置:

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: https://XXX.github.io
permalink: :year/:month/:day/:title/

接下来需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHubGitee

npm install hexo-deployer-git --save

然后输入:如下命令

hexo clean
hexo generate
hexo deploy

其中 hexo clean清除了你之前生成的东西,也可以不加。 hexo generate顾名思义,生成静态文章,可以用 hexo g缩写 ,hexo deploy部署文章,可以用hexo d缩写

过一会儿就可以在https://XXX.gitee.io gitee网站和https://XXX.github.iogihub看到你的博客了!


文章作者: Zetai Wei
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Zetai Wei !
评论
  目录