当前位置:首页 > 每日看点

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

卡卷网1年前 (2024-12-28)每日看点252

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

扫描二维码推送至手机访问。

版权声明:本文由卡卷网发布,如需转载请注明出处。

本文链接:https://www.kajuan.net/ttnews/2024/12/5786.html

分享给朋友:

相关文章

普通人一部手机用多久?

普通人一部手机用多久?

各位知友,你们的现在的手机用了多久了呢? 回看国外分析机构 TechInsights的报告,目前大家的用机周期是越来越长了,在国内,也达到了「40个月」,就是很多人至少三年半才会换一次手机。 仔细想想,不对呀,现在新机不是一直出吗?…

支付宝碰一碰市场如何?

支付宝碰一碰市场如何?

今年,支付宝又整了新的大活,即无须扫码即能完成支付操作的“支付宝碰一碰”正式登场。 下面就来给大家分析分析,这是个什么情况,为什么都在说能赚钱。 支付宝碰一下怎么赚钱的?都有谁能赚到这份钱?1.支付宝碰一下原理支付宝碰一下的本质依旧是“条码…

为何 Linus 一个人就能写出这么强的系统,中国却做不出来?

为何 Linus 一个人就能写出这么强的系统,中国却做不出来?

我给你举个真实的例子。。 有一个人叫高伟东,在哈尔滨工作。在2012年做了一个APP。使用词根词缀背单词。名字叫: 词根词缀词典这个人编辑了2300余条词根,给10万多条单词建立了词根索引,整理了50多万条的单词记忆方法,包括新版本的诸多新…

我觉得华为Mate60Pro明明配置不高,为什么还是有那么多人买呢?

我也好奇啊,所以闲聊时,我问了我们公司的副总,我说Mate60pro配置这么拉胯你怎么还买啊? 他一脸疑惑的看着我,配置?什么配置?我这手机信号挺好的啊? 我们总经理用的是去年华为出的折叠手机,花了一万多,我也想问问他同样的问题,但奈何一直…

只有我一个人后悔升级鸿蒙next吗?

只有我一个人后悔升级鸿蒙next吗?

我有一台mate 60 pro,第一时间升级了“纯血鸿蒙”。 虽然功能并不完善,甚至有些简陋,但是我非常~非常不后悔升级鸿蒙next系统。 因为.... 这就是一款“大型养成系游戏“,给我平淡的生活提供了源源不断的情绪价值。 我每天特别…

有哪些是你用上了mac才知道的事?

用上了高端的Mac(已退货)才知道:原来文件夹里面的文件,你看到是8个,其实可能有12个。其中3个图标重叠在一起了,另外一个被拖动到屏幕外面了。 用上了高端的Mac(已退货)才知道:原来鼠标灵敏度有问题是因为系统内置了鼠标加速度,只能用控制…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。