博客搭建教程(二):静态博客 GitHub + Hexo

文章链接:http://bllog.nndx.ml/index.php/archives/37/

注册一个 Github 账号并创建仓库

  1. 注册Github账号
    如果你没有 Github 的账号,那么可以进入 官网 开始注册(注意一下用户名的填写,如果不使用自定义域名,用户名将会是你的 Github 分配给你的域名,例如你的用户名为 xxx,那么你的域名会是 xxx.github,io)。

  2. 新建仓库
    如图所示,点击右上角的 + 号,然后点击 New respository

  3. 配置仓库
    仓库名填写格式为:你的用户名.github.io
    然后点击 Add a README file,再点击 Create repository 即可。

安装Git

  1. 从Git官网下载
    Git - Downloading Package
    选择相应的版本。

  2. Git与GitHub帐号绑定
    安装成功后,将你的Git与GitHub帐号绑定,鼠标右击打开 Git Bash

或者在菜单里搜索Git Bash,设置user.nameuser.email配置信息:

git config --global user.name “你的GitHub用户名”
git config --global user.email “你的GitHub注册邮箱”

  1. 生成ssh密钥文件:

ssh-keygen -t rsa -C “你的GitHub注册邮箱”

默认不需要设置密码。
找到生成的.ssh的文件夹中的id_rsa.pub密钥,将内容全部复制。

  1. 配置ssh密钥

打开 GitHub_Settings_keys 页面,新建new SSH Key

Title任意填即可,将刚刚复制的id_rsa.pub内容粘贴进去,最后点击Add SSH key
Git Bash中检测GitHub公钥设置是否成功,输入 ssh git@github.com :

Node.js

Node.js下载地址:Download | Node.js
选择相应的版本。

  • 安装后,检测 Node.js是否安装成功,在命令行中输入 node -v ,安装成功会出现版本号。
  • 检测npm是否安装成功,在命令行中输入npm -v,安装成功同样会出现版本号。

安装Hexo

  • 创建一个名为 blog 的文件,打开,在里面右键启用 Git Bash Here
  • 输入:

npm install -g hexo-cli

  • 安装完成后,初始化我们的博客,输入:

hexo init blog

这样你的博客就初始化成功了。

再搭建一下博客,输入:

hexo g

hexo s

打开它输出的本地连接,一般在 localhost:4000

显示的就是你的博客了。

将博客部署到Github上,使别人可以在 用户名.github.io 上访问到

  • blog根目录里的_config.yml文件称为站点配置文件,如下图

  • 进入根目录里的themes文件夹,里面也有个_config.yml文件,这个称为主题配置文件,如下图

  • 打开站点的配置文件_config.yml,翻到最后修改为:

deploy:
type: git
repo: https://github.com/用户名/用户名.github.io.git
branch: master

参考如下:

Git Bash中,输入:

npm install hexo-deployer-git --save
hexo clean
hexo g
hexo d

现在,你就可以访问 用户名.github.io来访问你的博客了。

Hexo 常用命令

新建文章: hexo n "我的博客" == hexo new "我的博客"
生成: hexo g == hexo generate
启动服务预览: hexo s == hexo server
部署在Github上: hexo d == hexo deploy

文章链接:http://bllog.nndx.ml/index.php/archives/37/

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
使用Github hexo搭建个人博客的过程可以分为以下几个步骤: 1. 准备工作:首先需要安装两个必要的软件,一个是Git用于版本控制,另一个是Node.js用于运行Hexo。可以在官网下载并安装这两个软件。 2. 注册Github账号以及建立仓库:在Github官网上注册一个账号,并创建一个仓库用于存储博客的代码和文件。 3. 本地配置安装Hexo:在本地电脑上配置Hexo环境。打开命令行界面,使用npm安装Hexo,然后初始化Hexo项目。 4. 设置ssh:为了能够将本地的代码推送到Github仓库中,需要设置SSH密钥。可以通过命令行生成SSH密钥,并将公钥添加到Github账号的设置中。 5. 上传测试博客:在本地编写博客的内容,然后使用Hexo命令生成静态页面,并将生成的页面推送到Github仓库中。 以上就是使用Github hexo搭建个人博客的基本步骤。具体的每个步骤可以参考中提供的教程。值得注意的是,如果想要让博客更加美观和炫酷,可以在网上下载一些好看的主题样式,并进行相应的配置。同时,还可以使用hexo-abbrlink等插件来增加博客的功能[2]。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Github+Hexo搭建个人博客(图文详解)](https://blog.csdn.net/weixin_45377770/article/details/105228938)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [hexo+github搭建博客(超级详细版,精细入微)](https://blog.csdn.net/victoryxa/article/details/103733655)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值