建立个人网页于本地计算机
author
最后编辑于 2025年8月31日
效果预览:https://yourpersonalsitepreview.com
准备:
1. Windows电脑
2. 一个GitHub账号
3. 安装Git软件
4. Node.js环境安装
安装过程:
(1)Node.js安装
- 访问 Node.js 官方网站 (https://nodejs.org/)
- 点击下载并按照提示完成安装,通常点击 "Next" 直到自动安装完毕。
(2)安装Git步骤
- 访问 Git 官方网站 (https://git-scm.com/)
- 选择适合你操作系统的版本进行下载。
- 在安装过程中选择合适的选项,默认设置即可。
参考网址:
- https://www.cnblogs.com/ximiaomiao/p/714456.html
(3)安装Hexo框架
- 打开命令行窗口,先全局安装Hexo前需要将npm源切换成淘宝镜像源:
- 输入 `npm install -g cnpm --registry=https://registry.npm.taobao.org`
- 一旦出错,请尝试多次,因为网络连接可能不稳定。
- 使用cnpm来安装Hexo框架:
- 输入 `cnpm install -g hexo`
检测环境:
- 确定 Node.js 和 npm 是否成功安装:输入 `node -v` 和 `npm -v` 查看版本信息
创建仓库:
1. 在GitHub上建立一个新仓库(例如:yourname.github.io)
在本地计算机中打开命令行窗口,进入你打算存放博文的目录:
1. 初始化Hexo:
- `hexo init`
2. 进入Hexo项目:
- `cd yourname.github.io`
3. 安装Hexo依赖项:
- `npm install`
部署到GitHub:
1. 打开根目录下 _config.yml 文件,用文本编辑器打开并做出如下修改:
- `type` 设置为 git
- `repository` 为你的GitHub Pages仓库的完整路径,例如:`https://github.com/yourname/yourname.github.io.git`
- `branch` 为 master
2. 提交更改:
- 在命令行中输入 `git add .`
- 输入 `git commit -m "Initial commit"`
- 输入 `git push origin master`
现在,你可以通过访问 https://yourname.github.io 查看你的个人网页了。
更进一步的操作:
1. 更换主题:
- 访问你喜欢的Hexo主题的GitHub页面并使用以下命令克隆它:
- `git clone [theme-repo-url] themes/[theme-name]`
- 在_config.yml中,找到theme字段并设置为新的主题名称。
- 然后进行站点生成和部署:
- `hexo generate`
- `hexo deploy`
这样你的博客将显示新的主题。
Previous Post
如何有效地进行自我广告宣传?评论已关闭。