hexo博客创建过程

hexo博客创建过程

@author code-ran

1、博客创建前需要做的准备:

  • (1)安装Git

  • git for windows:

  • (2)安装node.js(安装LTS版本)

  • node.js

  • 在安装时注意:add path

  • 安装完成后在Git里查看是否安装成功

  • node -v

  • npm -v

  • 如果返回相应版本号说明安装成功。

  • (3)安装hexo

  • 要先创建一个blog 文件夹,然后在该文件夹里右键git bash here 输入命令:

  • npm install -g hexo-cli
    -然后使用命令:hexo -v
    若返回相应版本说明hexo安装成功

  • 然后早blog文件夹里新建一个myblog,然后在myblog文件夹下右键: git bash here然后输入命令:

  • npm install

  • 这时候在myblog文件夹下就会有相应的文件产生。

  • 然后

  • hexo g

  • hexo s

  • 就可以在本地的4000端口查看刚刚建好的hexo 博客。之后我们需要将本地与远端的GitHub联系起来。使用ssh进行绑定。

  • (2)在GitHub上创建一个自己的仓库:

    • 命名格式为:code-ran.github.io
    • 注意名字必须是自己的用户名

2、配置SSH KEY

  • 用git bash here执行如下命令:

  • cd ~/. ssh

  • ssh-keygen -t rsa -C “注册时用的邮箱地址”

  • 然后连续三次回车,在用户目录下会生成:.ssh\id_rsa.pub文件,找到这个文件所在位置,用记事本打开。复制里面的内容。

  • 然后打开GitHub主页—setting—ssh and gpg keys->new ssh key.将刚刚复制的内容粘贴到key里。保存。

  • 测试是否配置成功:ssh -T git@github.com

  • 然后他会出现提示:are you sure you want to continue connecting (yes/no)?

  • 然后我们输入:yes即可
    若提示成功说明我们ssh已经配置好了,也就是本地与GitHub 刚刚创建的仓库已经绑定了起来。

  • 然后还需配置用户名和邮箱:

  • git config --global user.name “github用户名”

  • git config --global user.email “邮箱”

3、安装hexo

  • npm install -g hexo

  • 然后在某个盘里新建一个文件夹,在那个文件夹里右键:git bash here

  • 然后初始化hexo

  • hexo init

  • hexo会自动下载一些文件到这个目录,包括node_modules

  • 找到根目录下的_config.yml文件,用vs code打开进行配置:

  • _config.yml

在git bash here里输入命令:

  • npm install hexo-deployer-git --save
    -将hexo部署到GitHub上

  • 然后生成一下

  • hexo clean

  • hexo g

  • hexo s

  • 然后部署到远端 github上。

  • hexo d

  • 注意部署到远端前一定要在本地测试好。因为一旦deploy到远端github 会删除之前的内容。

ithub上。

  • hexo d
  • 注意部署到远端前一定要在本地测试好。因为一旦deploy到远端github 会删除之前的内容。
### 如何使用 Hexo 创建博客 #### 安装 Node.jsGit 为了能够顺利安装并运行 Hexo,需要先确保计算机已安装 Node.jsGitNode.js 是 JavaScript 运行环境,而 Git 则用于版本控制以及与 GitHub 同步。 #### 初始化 Hexo 博客项目 完成上述软件的安装之后,在命令行工具中执行如下指令来初始化一个新的 Hexo 项目: ```bash npm install -g hexo-cli hexo init blog cd blog npm install ``` 这组命令会全局安装 `hexo-cli` 工具,并建立名为 `blog` 的文件夹作为博客项目的根目录[^1]。 #### 配置 _config.yml 文件 进入新创建博客文件夹后,找到 `_config.yml` 文件进行编辑。此配置文件包含了站点的各项基本设定,如标题、副标题、作者信息等。根据个人需求调整这些参数可使博客更具个性化特征[^3]。 #### 建立首篇博文 通过下面这条命令可以轻松新建一篇日志: ```bash hexo new "我的第一篇文章" ``` 该操作会在 `source/_posts/` 下生成一个以 MarkDown 格式保存的文章草稿文件[^2]。 #### 构建静态页面 当准备好发布内容时,需调用以下命令让 Hexo 编译所有源码成 HTML 文件存放在 public 文件夹里: ```bash hexo generate ``` 或者简化为: ```bash hexo g ``` 这样就完成了从撰写到发布的整个流程的一部分工作。 #### 测试本地服务 为了让开发者能在部署前预览效果,Hexo 提供了一个简便的方法启动内置 Web Server 来查看即将上线的内容: ```bash hexo server ``` 也可以写作更短的形式: ```bash hexo s ``` 此时打开浏览器访问 http://localhost:4000 地址就能看到实时更新后的网站界面了。 #### 发布至远程仓库 最后一步就是把构建好的静态站推送到远端服务器上去。通常情况下会选择 GitHub Pages 或者其他支持 Git 的平台来做这件事。在此之前记得按照官方文档指示关联好 SSH 密钥和其他必要的认证信息。接着只需一条简单的推送命令即可实现自动化上传: ```bash hexo deploy ``` 至此,一个完整的基于 Hexo 平台打造而成的技术博客就已经成功上线啦!
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值