效果预览:你可以轻松地在互联网上打造属于你个人的网页空间!
准备:
-
一台电脑(Windows系统更佳)
-
一个GitHub账号
-
使用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
配置远程仓库:
-
在Blog目录下创建一个GitHub仓库(例:user/your_blog.git)
-
安装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。例如,设置域名、优化导航栏等操作。
记住,只要你掌握了基本步骤,创办一个个人网页根本不是难题!快来开启你的网上之旅吧!