hexo+github搭建博客详细,不定时再补充

hexo+github博客

地址:https://kanbujiandefengjing.github.io/

步骤:

1.github或者码云配置

以下以github为例:

2.1新建仓库,新建名为 username .github.io

hexo+github搭建博客详细,不定时再补充

2.2 配置SSH key

ssh key来解决本地和服务器的连接问题

在git bash中

$ cd ~/. ssh #检查本机已存在的ssh密钥
mkdir key_backup
cp id_rsa* key_backup
rm id_rsa*           #以上三步为备份和移除原来的SSH key设置
#一般没有,然后输入
ssh-keygen -t rsa -C "邮件地址"
#三次回车
cat ~/.ssh/id_rsa.pub
#出现sshkey,复制这段文本

到github--Settings--SSH andGPG keys,点击New SSH key,上面复制的文本粘贴到key框。hexo+github搭建博客详细,不定时再补充

测试是否成功

ssh -T git@github.com
#You've successfully authenticated, but GitHub does not provide shell access
#设置用户信息:
    $ git config --global user.name "   "          #给自己起个用户名,可以不用时Git的名称
    $ git config --global user.email  "****@qq.com"  #填写Git的邮箱
2.安装git

3.安装配置nodejs

安装完后查看是否成功
node -v #查看node版本
npm -v #查看npm版本

配置环境变量,:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。
例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在安装的文件夹【D:\nodejs】下创建两个文件夹【node_global】及【node_cache】

然后在cmd里输入:

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】,将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

以上nodejs配置完成

最好用管理员方式命令行

npm install -g cnpm --registry=http://registry.npm.taobao.org #安装淘宝的cnpm 管理器,之后使用cnpm,之前用npm老出错,大概网不好。
cnpm -v #查看cnpm版本
cnpm install -g hexo-cli #安装hexo框架
hexo -v #查看hexo版本
在需要的地方创建blog目录
进入blog目录,右键打开git bash
hexo init #生成博客 初始化博客
hexo s #启动本地博客服务
http://localhost:4000/ #本地访问地址
hexo new 我的第一篇文章 #创建新的文章 ,用编辑器打开,一般用markdown类的
#返回blog目录
hexo clean #清理
hexo g #生成
hexo s
cnpm install hexo-deployer-git --save#在blog目录下安装git部署插件
----
#配置_config.yml
-----

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  		type: git
 		repo: https://github.com/YourGithubName/YourGithubName.github.io.git
  		branch: main

hexo d #部署到Github仓库里
https://YourGithubName.github.io/ #访问这个地址可以查看博客

修改主题:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia #下载yilia主题到本地

#修改hexo根目录下的 _config.yml 文件 : theme: yilia

hexo clean #清理一下
hexo g #生成
hexo d #部署到远程Github仓库
https://YourGithubName.github.io/ #查看博客

4.主题修改

主要在blog根目录的_config.yml 文件和主题文件里的_config.yml文件修改。

上一篇:Hexo-NexT 设置博客背景图片


下一篇:用Markdown写博文