先贴一下我的个人网站吧:https://wuyun-me.github.io/share,可以看看效果。
我这边使用的是hexo + github搭建的个人网站。
前置条件:git & node.js 安装(建议16和18稳定版本)
git官网:https://git-scm.com/
node.js官网:https://nodejs.org/zh-cn
分别下载安装。
开始搭建网站
1.安装 Hexo
npm install hexo-cli -g
终端执行hexo -version
出现 Hexo 版本号,说明安装成功。
2.搭建本地网站
找到要存放博客的目录,进入终端执行:
hexo init myblog
cd myblog
npm install
初始化成功显示:
vscode打开 myblog,项目目录如下:
_config.yml
存放的是博客配置信息,source/_posts
是存放文章的地方。
3. 预览
打开终端,进入项目根目录执行:
hexo c && hexo g && hexo s
浏览器访问 http://localhost:4000/ 出现下图说明启动成功
4. 下面介绍如何部署到 GitHub Pages 上,让别人看到你的博客
注册/登录 GitHub,新建一个 Repository,Repository name
一定要是你的用户名
.github.io
然后终端安装git插件:
npm install hexo-deployer-git --save
部署到github:
hexo c && hexo g && hexo d # hexo d 表示执行部署
等待几分钟后就可以访问用户名.http://github.io来看到自己的网站了。至此搭建博客并部署已全部完成。
5 后续操作
- 现在使用的是默认主题,如果需要更换主题,搜索hexo + 主题名
- 现在的默认域名是 .http://github.io 如果想要自定义域名,搜索 Hexo自定义域名
- 写文章到自己的网站上面,使用的是Markdown,这是一种编辑语法,也比较简单
- 可以做搜索引擎优化 搜索 hexo seo优化