利用Git来搭建自己的博客平台

本文详细介绍了如何使用Hexo在本地搭建个人博客平台,并将其部署到GitHub上的步骤。包括安装必要的软件工具,如Ruby、Node.js及Hexo本身,以及配置GitHub仓库等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

利用Git来搭建属于自己的博客平台

本文章讲述的是利用zsh创建hexo。

1.首先要保证你的系统上有ruby。(一般现在的Linux,Unix,OX上自带有ruby)。

首先打开你的终端,进入到你的根目录下: cd 就可以进入到你的跟目录下;
然后输入下面命令来下载并brew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.通过brew命令来下载并安装wget:
$ brew install wget;</span>

3.通过wget命令来安装nvm(node.js的版本管理工具)
$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh</span>

看看你是用哪种方式安装的hexo,不同方式,分别打开在~/.bashrc或~/.profile或~/.zshrc这三个文件中最后添加一行代码:

source ~/.nvm/nvm.sh


4.通过nvm来安装node.js(通过npm安装)
$ nvm install 0.10</span>
在这里可以输入 $ nvm ls-remote来查看当前可用的nvm版本。

5.通过npm安装hexo
$ npm install -g hexo</span>

6.创建hexo文件夹
$ hexo init hexo</span>

7.进入到hexo文件中执行下面命令进行文件的配置
$ npm install</span>

8.执行下面命令并进行本地查看
$ hexo generate
$ hexo server

然后打开浏览器,并输入localhost:4000 

9.注册github账号

10.创建与github账号同名的repository
例:github的账号名为:afeng,则创建afeng.github.io

11.部署到github上,如下面所示编辑 _config.yml文件
deploy:
     type: github
     repository: http://github.com/afeng/afeng.github.io.git
     branch: master

打开浏览器进行已搭建完成的博客的查看,输入afeng.github.io查看。
注:如果这个时候打开网页不能显示出事例网页那么就说明配置没有成功。那么我们下面介绍另一种方式来进行github的绑定:

12.在你已经操作过的基础上将你的sshkey在githup上进行绑定,关于sshkey的生成在github上有详细的介绍,在sshkey这一项中的generating SSH keys可以查看。

13.然后在github上将你的http(s)传输协议改成ssh传输协议:并且在hexo文件中进行修改。
deploy:
     type: github
     repository: git@github.com:afeng/afeng.github.io.git
     branch: master
14.在hexo文件夹中执行下面两条命令(将本机的一些文件推送上去):
$  hexo  g
$  hexo  d
打开浏览器进行已搭建完成的博客的查看,输入afeng.github.io查看。




### 使用 GitHub Pages 和 Jekyll 搭建个人技术博客 #### 准备工作 为了成功搭建基于 GitHub Pages 和 Jekyll 的个人技术博客,需完成一系列准备工作。这包括但不限于安装 Ruby 环境以及 Git 版本控制系统,因为 Jekyll 是用 Ruby 编的静态站点生成器[^1]。 #### 创建 GitHub 账户与仓库 创建一个 GitHub 帐号之后,在平台上新建一个名为 `<username>.github.io` 的公共仓库(其中 `<username>` 替换为实际用户名),此命名方式是为了让 GitHub 自动识别这是一个用于托管页面的特殊仓库[^4]。 #### 安装配置 Jekyll 对于 Windows 用户来说,建议通过官方文档指导来进行环境设置;而对于 macOS 或 Linux 用户,则可以直接利用管理工具轻松安装最新版本的 Jekyll。安装完成后可以通过命令 `gem install jekyll bundler` 来获取必要的依赖项[^3]。 #### 初始化本地项目结构 在计算机上克隆刚刚创建好的远程仓库至本地,并进入该目录执行初始化操作。通常情况下会运行类似下面这样的指令: ```bash git clone git@github.com:<your-github-name>/<your-repo-name>.git myblog cd myblog jekyll new . bundle exec jekyll serve --livereload ``` 上述代码片段中的最后一行可以让开发者实时预览正在编辑的内容变化效果。 #### 配置个性化主题 Jekyll 支持多种多样的外观样式选择,默认提供了简洁美观的主题供快速启动使用。更进一步地定制化可通过调整 `_config.yml` 文件内的参数实现,比如更改网站标题、作者信息等基本属性[^5]。 #### 发布内容到互联网 当一切准备就绪后,只需将更新过的文件提交回原仓库即可使改动生效。每次向 master/main 分支推送新数据时,GitHub Actions 就会被触发自动构建过程并将最终产物部署上线[^2]。 #### 维护与扩展功能 随着需求的增长和技术的进步,可能还会涉及到更多高级特性的集成,例如 SEO 优化、评论系统接入或是社交分享按钮添加等功能增强措施。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值