Hexo+GitHub Pages搭建个人博客

    技术2023-07-09  81

    搭建过程

    环境要求

    博主使用系统:Windows10 本博客安装Node版本: nodejs12.18.2 LTS 安装: Git

    搭建过程

    1.安装Hexo

    $npm install hexo-cli -g

    2.初始化博客

    $hexo init blog

    新建一个空文件夹,然后在空文件夹内打开windows PowerShell。 一般在空白处右键单击就可以看到了,如果没有,点击文件-打开Windows PowerShell

    至此,本地blog已经创建完成。

    3.开始写博客

    $ hexo new "My New Post"

    更多命令信息: Writing

    4.预览博客结果

    本地blog已经搭建完成,如果想要预览。

    $hexo generate # 生成静态网页 $hexo serve # 开启本地服务

    关于generate命令的更多信息: Generating 关于server命令的更多信息: Server

    更换博客主题

    刚才生成的博客是默认的主题,你可以修改成自己觉得好看的主题。

    可以在hexo官网查看自己喜欢的主题通过git clone URL 将主题克隆到本地,把主题文件放到themes文件夹下。修改 _config.yml 中的theme:xxx,xxx改成themes文件夹下的主题名字

    依次输入上面三个命令后,打开浏览器输入https://localhost:4000,即可。

    发布博客到github pages

    首先你得有github账户,并且已经配置好SSH免密登录。

    a.注册github账户 到github官网注册一个github账户

    b.配置登录免密码 移步 Git之SSH与HTTPS免密码配置

    c.创建github远程仓库 在github上创建一个名为 xxx.github.io的仓库。(xxx为自己的github用户名)

    1.安装插件

    不安装插件,会推送不出去。

    $npm install hexo-deployer-git --save

    2.配置Hexo

    即设置你要推送到的远端地址。 修改 _comfig.yml,xxx为你的用户名

    deploy: type: git repo: git@github.com:xxx/xxx.github.io.git branch: master

    修改你的仓库地址。

    # URL url: https://github.com/yanggenjie/yanggenjie.github.io root: /

    如果你要把博客搭建到Github Page,上面的repo地址就写你Github仓库的SSH地址,url就写仓库地址。 如果你要把博客搭建到Gitee,上面的repo地址就写你Gitee仓库的SHH地址,url就写仓库地址。

    3.推送服务器

    $hexo deploy

    关于deploy命令的更多信息:Deployment

    4.查看结果

    打开 xxx.github.io ,就能看到你的blog了。

    域名绑定

    如果你购买了自己的域名,想要把域名绑定到刚才生成的博客上,不想使用xxx.github.io这个域名。你可以在source文件夹下新建CNAME文件,无后缀,在里面写上你购买的域名,即可。

    常用命令

    # 创建一个新的文章 $hexo new "文章名" # 清理多余文件 $hexo clean # 生成静态文件 $hexo generate # 启动一个本地服务器 $hexo server # 推送到远端服务器,推送到远端需要设置配置文件和安装插件。 $hexo deploy # 一条命令生成博客并且推送到远端。下面两条命令中任意一个都可以。 $hexo generate --deploy $hexo deploy --generate

    更多命令移步:官方文档

    Processed: 0.013, SQL: 9