搭建基于Hexo的个人博客-EW帮帮网

参考B站CodeSheep视频：手把手教你从0开始搭建自己的个人博客 |无坑版视频教程| hexo_哔哩哔哩_bilibili

一、安装hexo

安装node.js

nodejs.org下载长期支持版

用管理员身份进入powershell

node -v

npm-v 查看安装情况

切换镜像源到淘宝

npm install -g cnpm --registry==https://resistery.npm.taobao.org

全局安装hexo

 cnpm install -g hexo-cli

hexo -v 验证是否安装完毕

在桌面建一个文件夹，叫做blog，然后cd进去

hexo init初始化，

hexo s 然后启动博客，能在本地的4000端口访问到

二、写文章

hexo n "文章名字"，生成文章，写完了hexo s启动就能看到新的文章

可以使用vscode进入文件夹去编辑，使用的是markdown语法

参考：HTML和markdown-CSDN博客

发布新文章之前记得hexo clean

然后生成需要的文章 hexo g

然后再重新启动hexo s,文章就更新了

三、部署到github上

3.1 新建一个仓库

名称必须是用户名.github.io，可能是基于流量控制的要求吧，然后复制ssh的路径用来传递代码

3.2 安装部署插件

在vscode终端使用 npm install --save hexo-deployer-git

3.3 配置_config.yml

3.4 部署到远程仓库

hexo d (d应该是deploy的意思)

需要先远程连接到github的ssh，需要在电脑上提前配置好和github的远程连接：

使用git+ssh访问github，避免下载资源失败-CSDN博客

然后再执行hexo d,就成功上传了

四、访问博客地址thekingofjumpshoot.github.io

如果出现报错如下，网页是404，则需要进行下一步操作

需要在项目处进行设置如图所示

就可以正常访问了

五、安装yilia主题

平时如果git clone 不下来，就使用ssh的链接，去下载代码

这里记住要安装在themes目录下，起名叫做yilia，后边要通过_config.yml进行修改

在_config.yml里切换主题为yilia

然后是一连串的流程：

hexo clean
hexo g
hexo s
hexo d

然后成功切换为yilia主题

也能在公网的github.io上访问了

六、实现公网IP访问

参考自：远程部署_哔哩哔哩_bilibili

文档：hexo本地博客部署到云服务器 | Black Flies

不一样的地方：

我的Ngnix配置文件目录在/etc/nginx/nginx.conf

然后再配置文件的http中间加一段这个，注意一个对齐代码格式，因为可能是python写的讲究对齐

server {
    listen 80 default_server;
    listen [::]:80 default_server;
    root /home/blog;    # 修改为创建的blog目录地址
    server_name www.example.com; # 需要修改为你的域名（或者公网ip）
    
    # Load configuration files for the default server block.
    include /etc/nginx/default.d/*.conf;
    location / {
    }
    error_page 404 /404.html;
        location = /40x.html {
    }
    }

搭建基于Hexo的个人博客