做一个只属于自己的博客

利用github搭建hexo博客

准备前提

1. 提前安装好(node.js)，打开[https://nodejs.org/en]，选择左边那个

2. 提前安装好(Git)[https://git-scm.com/downloads]

3. 提前注册好一个github账号，进入github官网（github.com）进行注册
4. 如果文章图片没有显示，请自行挂代理

操作步骤

1. 在本地找个目录放博客源文件，路径不能有中文
2. 在选定的目录中，右键空白处，点击Open Git Bash Here，出现如下图：

3. 使用npm命令安装Hexo，输入：

    npm install -g hexo-cli
    hexo init blog
    cd blog
    hexo g
   

​ 构建好的效果：

4. cd进入此目录，把红框内蓝色区域改成CMD：

   

​ 回车运行,出现下图：

为了检测我们的网站雏形，分别按顺序依次输入以下三条命令：

hexo new test_my_site
hexo g
hexo s
之后就可以访问127.0.0.1:4000访问blog了

5. 配置ssh

cd ~/.ssh #检查本机已存在的ssh密钥

如果提示：No such file or directory 说明你是第一次使用git。

接着输入：

ssh-keygen -t rsa -C “邮件地址”

然后连续3次回车，最终会生成一个文件在用户目录下，打开用户目录，找到.ssh\id_rsa.pub文件

记事本打开并复制里面的内容，打开你的github主页，进入个人设置

找到SSH and GPG keys，新建SSH key：

把前面.ssh\id_rsa.pub文件里复制的内容粘贴到Key里面，取个标题，添加 SSH KEY

尝试ssh连接,测试是否成功

ssh -T git@github.com # 注意邮箱地址不用改

如果提示Are you sure you want to continue connecting (yes/no)?，输入yes，然后会看到下面这个，就算成功：

Hi liuxianan! You’ve successfully authenticated, but GitHub does not provide shell access.

在选中的位置(blog目录下)打开cmd(以管理员身份)

npm install hexo-deployer-git –save

在上一个Git Bash Here还需要继续配置

git config –global user.name “luozhixiaowo”// 你的github用户名，非昵称
git config –global user.email “xxx@qq.com“// 填写你的github注册邮箱

6. 准备上传代码

在github上新建一个存储库，命名为github的用户名.github.io

编辑_config.yml文件，在最后改成这样

deploy:
  type: git
  repository: git@github.com:luozhixiaowo/luozhixiaowo.github.io.git
  branch: main

注意保持格式，缩进不对，会导致一会儿，上传不成功

最后上传，输入：

hexo d
每次上传成功之后，需要等待1-3分钟，用来刷新页面

在创建的存储库的设置中-pages-如图设置

7. hexo命令介绍

hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo new page "pageName" #新建页面
hexo g == hexo generate #生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy #部署

hexo server #Hexo会监视文件变动并自动更新，无须重启服务器
hexo server -s #静态模式
hexo server -p 5000 #更改端口
hexo server -i 192.168.1.1 #自定义 IP
hexo clean #清除缓存，若是网页正常情况下可以忽略这条命令
hexo version  #查看Hexo的版本
hexo generate #生成静态页面至public目录

hexo s -g #生成并本地预览
hexo d -g #生成并上传

8. hexo目录结构

+– .deploy #hexo deploy生成的文件
+– node_modules #npm组件
+– public #生成的静态网页文件
+–scaffolds #模板
+– source #博客正文和其他源文件
| +– _posts #我们自己写的文章以md结尾
+– themes #主题
+– _config.yml #全局配置文件
– package.json #定义了hexo所需要的各种模块

这样，简单的博客就已经做出来了！！