卡卷网
当前位置:卡卷网 / 每日看点 / 正文

如何自己搭建一个个人网站?

作者:卡卷网发布时间:2024-12-28 01:35浏览数量:77次评论数量:0次

先贴一下我的个人网站吧: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

初始化成功显示:

如何自己搭建一个个人网站?  第1张

vscode打开 myblog,项目目录如下:

如何自己搭建一个个人网站?  第2张

_config.yml存放的是博客配置信息,source/_posts是存放文章的地方。


3. 预览

打开终端,进入项目根目录执行:

hexo c && hexo g && hexo s

浏览器访问 http://localhost:4000/ 出现下图说明启动成功

如何自己搭建一个个人网站?  第3张


4. 下面介绍如何部署到 GitHub Pages 上,让别人看到你的博客

注册/登录 GitHub,新建一个 Repository,Repository name一定要是你的用户名.github.io

如何自己搭建一个个人网站?  第4张

如何自己搭建一个个人网站?  第5张

如何自己搭建一个个人网站?  第6张

然后终端安装git插件:

npm install hexo-deployer-git --save

部署到github:

hexo c && hexo g && hexo d # hexo d 表示执行部署

等待几分钟后就可以访问用户名.github.io来看到自己的网站了。至此搭建博客并部署已全部完成。


5 后续操作

  1. 现在使用的是默认主题,如果需要更换主题,搜索hexo + 主题名
  2. 现在的默认域名是 .github.io 如果想要自定义域名,搜索 Hexo自定义域名
  3. 写文章到自己的网站上面,使用的是Markdown,这是一种编辑语法,也比较简单
  4. 可以做搜索引擎优化 搜索 hexo seo优化
END

免责声明:本文由卡卷网编辑并发布,但不代表本站的观点和立场,只提供分享给大家。

卡卷网

卡卷网 主页 联系他吧

请记住:卡卷网 Www.Kajuan.Net

欢迎 发表评论:

请填写验证码