安装 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
接下来将hexo和GitHub与gitee关联起来,也就是将hexo生成的文章同时部署到GitHub和gitee上,打开博客根目录下的_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 ,也就是部署的命令,这样你才能用命令部署到GitHub和Gitee。
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看到你的博客了!