2025年10月13日 作者 author

效果预览:你可以轻松地在互联网上打造属于你个人的网页空间!

准备:

  1. 一台电脑(Windows系统更佳)

  2. 一个GitHub账号

  3. 使用Hexo框架搭建个人网站准备(以下步骤依次进行)

步骤一:注册并登录GitHub https://github.com/

参考网址:GitHub入门教程 https://www.jiuanjiu.com/tutorials/github-getting-started.html

步骤二:安装Git https://git-scm.com/

安装过程:

(1)Node.js安装按照安装过程依次点击即可,安装过程非常简单。

(2)安装Gem https://ruby-doc.org/core-2.7.0/RubyGems/Gem.html 安装方式与Node.js类似,同样方便快捷。

步骤三:安装Hexo

安装完成后,在命令行中输入以下命令:

npm install hexo-cli -g

初始化网站目录:

hexo init your_blog_folder

进入网站目录:

cd your_blog_folder

启动本地服务器预览效果:

hexo server

配置远程仓库:

  1. 在Blog目录下创建一个GitHub仓库(例:user/your_blog.git)

  2. 安装Git部署插件

npm install hexo-deployer-git –save

编辑_config.yml文件:

找到配置部分,进行以下修改:

deploy:
type: git
repository: https://github.com/user/your_blog.git
branch: master

保存后,在命令行中输入以下命令将本地文件部署到GitHub上:

hexo deploy

然后通过访问https://your_blog.git.io就可以查看你的个人网站了。

进一步深化操作过程(更换网站主题)

这里以次抛饼为主题进行更换

步骤一:下载次抛饼主题

git clone https://github.com/litten/hexo-theme-next.git themes/next

步骤二:编辑_config.yml文件,找到主题配置部分:

theme: next

保存修改后。

hexo clean

清除缓存

hexo generate

生成静态页面

hexo deploy

提交更改

这样,你的个人网站就完成了!你可以根据自己的需求进行 further customization。例如,设置域名、优化导航栏等操作。

记住,只要你掌握了基本步骤,创办一个个人网页根本不是难题!快来开启你的网上之旅吧!