免费搭建个人网站的快速指南
效果预览:你的网站地址
准备工作:
- Windows电脑
- GitHub账号
- Hexo框架搭建blog软件准备
首先,我们需要在Git上注册一个账户。你可以通过访问https://github.com/来创建一个新的账户或者使用已有的GitHub账号。
参考网址:
- Git安装:https://www.cnblogs.com/ximiaomiao/p/714456.html
- SSH Key链接配置:http://anfengge.com/sing-ssh-key-link-githb-photo-tor.shtml
安装步骤:
- 安装Node.js
按照安装过程依次点击即可,安装过程很简单。
- 安装Git
按照网上的安装方式进行安装就可以了。
- 安装Hexo
以下是详细的步骤:
- 检测node安装是否成功:
node -v (返回版本号)
npm -v (返回版本号)
- 安装淘宝的镜像源(如果错误就重来,因为连接可能不稳定,不要害怕多试几次就可以了):
npm install -g cnpm --registry=https://registry.npm.taobao.org
创建仓库:
- 创建一个仓库(repository)(例:yourname.github.io):
- 在Blog目录下安装Hexo部署插件:
cnpm install --save hexo-deployer-git
- 找到Blog文件中的_config.yml文件,使用编译器打开(建议使用Visual Studio Code):
- 注:Visual Studio Code的好处:
- 支持的语言种类多。
- 视图简洁。
- 拥有插件种类多。
找到这部分代码,(原始的是没有repo和branch的,而且type后面也没有东西)对这段代码进行更改:
# Theme settings
theme: your-theme-name
# Deployment configuration
deploy:
type: git
repository: https://github.com/yourname/yourname.github.io.git
branch: master
- type一个名字,建议写成git方便识别
- reporepository仓库地址将刚刚新建的GitHub仓库地址复制到这里就可以了
- branch分支这里设置管理员master
更改后进行保存。
部署到GitHub:
在Git里面输入:
hexo d
本地文件将被部署到GitHub上。
通过访问https://yourname.github.io就可以访问部署到GitHub上的blog了。
进一步深化操作过程——更换Blog的主题
这里以Next主题为例进行更换。
- 下载Next主题
在Git中输入:
git clone https://github.com/iissnan/hexo-theme-next.git themes/next
- 修改_config’yml文件
找到这部分代码(即theme),将冒号后面的内容改为刚刚复制的Next主题。
- 清除数据库
hexo clean
- 生成静态网站
hexo generate
- 部署到GitHub
hexo deploy
这样,你就完成了更换Hexo博客主题的操作。继续完善你的个人网站吧!