效果预览:点击这里查看效果
准备:
- Windows电脑。
- 建立GitHub账号。
- 安装Node.js软件准备搭建个人网站。
以下是步骤:
一、安装Git:
- 访问Git官网下载适合您系统的Git版本。
- 点击“Download”后,选择您的操作系统和适当的下载方式,一般为Windows版的msi安装程序。
- 按照安装向导的提示进行安装。
二、安装Node.js:
- 访问Node.js官网下载适合您系统的Node.js版本。
- 点击“Download”后,选择相应的包(如Windows版的.msi文件)。
- 双击msi文件开始安装过程,按照安装向导提示安装完毕。
三、安装Hexo框架:
- 在命令行中输入以下命令安装Hexo:
npm install -g hexo - 完成后,打开Git仓库目录进行下一步操作。
四、构建个人网站:
- 输入以下命令初始化Hexo:
hexo init <folder> - 转到新创建的文件夹并安装必要依赖项:
cd <folder>和npm install - 启动本地服务器以预览网站:
hexo server
这时,访问http://localhost:4000 查看您的网站。
五、配置GitHub仓库:
- 在命令行中使用以下命令创建Hexo的GitHub页面仓库:
hexo generate hexo deploy - 首次部署前,请确保您已设置好SSH秘钥并将邮箱设置为您所提供的Gmail账号。
六、上传网站至GitHub:
- 在Git中输入以下命令更新到远程仓库:
git add . git commit -m "update" git push origin master
完成后,您的个人网站将成功部署至GitHub页面。
至此,您已成功搭建个人网站。接下来,您可以继续在Hexo文件中进行个性化设置,如更改主题、优化布局等。以下是修改主题的步骤:
- 下载并解压您喜欢的主题,例如主题名为theme-x。
- 将解压好的主题文件夹重命名为“themes”,移动到Hexo根目录下的
source文件夹中。 - 在Git中打开
_config.yml文件并找到theme参数,将值改为theme-x。 - 使用以下命令生成静态网页并强制刷新本地服务器查看效果:
hexo clean && hexo generate -d
这样,您就可以根据自己的喜好定制主题,打造个性十足的网站了。享受创作个人网站的乐趣吧!