网站首页 > 资源文章 正文
本文目录:
- 一、安装并配置Hexo
- 二、部署到托管平台
- 三、效果展示
首先要确保电脑中已经安装了node.js和git。网络上有大量关于这两个软件安装的过程,在此不再赘述。
一、安装并配置Hexo
只需要一步,就可以轻松安装Hexo:
npm install -g hexo-cli
安装后,我们需要生成必要的文件:
hexo init my_blog cd my_blog npm install
然后我们就可以使用如下命令来本地预览我们的博客网站了:
hexo s
默认情况下效果如下图:
我们可以挑选自己喜欢的主题,我个人倾向于使用Next主题,安装主题的方式非常简单,下载主题后解压放在themes文件夹中即可,在这里我们使用git克隆到本地。
git clone https://github.com/theme-next/hexo-theme-next.git themes/next
二、部署到托管平台
很多人使用Github,不过我们在这里使用的是腾讯旗下的CODING平台。它们都提供了免费的网站服务。
注册后,新建一个项目:
然后我们把项目的git地址拷贝下来:
还有一步是必要的,那就是把我们电脑的公钥添加进来,公钥的生成可以百度搜索一下,非常简单:
在我们的博客目录下可以看到_config.yml文件,打开找到themes和deploy部分并编辑:
## Themes: https://hexo.io/themes/ theme: next # Deployment deploy: type: git repo: git@git.dev.tencent.com:data_insights/my_blog.git branch: master
把我们刚才复制的项目地址粘贴进来,默认使用master分支。然后把主题的名字贴进来,注意,这里主题的名称要跟我们克隆(或者复制)进来的文件夹名称一致。
本地预览一下:
hexo s
简洁而美观,后续我们可以再调整主题和样式,我们先来尝试部署到线上。
我们需要先安装hexo-deployer-git:
npm install hexo-deployer-git --save
安装完成后,我们输入:
hexo clean && hexo generate && hexo deploy
或者简化为
hexo clean && hexo g && hexo d
好,在我们的CODING平台,已经可以看到代码了:
然后,我们开启Pages服务:
好了,现在就可以访问我们的个人博客了。
三、效果展示
给大家看一下我的博客的效果,所有的调整和定制都非常简单,大家可以在hexo和所使用的主题的官方文档中找到你需要的东西。
好了,接下来你也可以免费创建自己的个人博客了!
猜你喜欢
- 2024-09-16 曼联清洗青训冗员或为穆帅筹集2000万镑!曼联一将申请下赛季出租
- 2024-09-16 曼联悍将主动申请为二队比赛,态度打动朗尼克!欲力争冬窗有买家
- 2024-09-16 曝博格巴向曼联申请转会,已接受皇马1030万年薪!队友怒斥他捣乱
- 2024-09-16 索帅提前公布曼联欧联杯先发,青年军出战!仍有30万球迷申请观战
- 2024-09-16 曝新哈兰德愿主动争取加盟曼联!考虑递交转会申请,帮助曼联压价
- 2024-09-16 博格巴为去皇马拒回曼联报到?曼联否认他申请转会:周末归队出征
- 2024-09-16 曼联想离队8人名单曝光!博格巴领衔,一人转会申请遭朗尼克拒绝
- 2024-09-16 曼联申请英超首战允许万人进场助威!一人若出场,曼联要再付百万
- 2024-09-16 曼联零出场边锋申请永久转会,正寻找下家!再遭滕哈格无视已死心
- 2024-09-16 国内本科生如何准备申请英国大学硕士课程?
你 发表评论:
欢迎- 05-21外贸人必备8个效率外贸工具合集
- 05-21Dify实战:解除Dify知识库上传文件15MB限制的
- 05-21腾讯云国际站:怎样优化TCP传输效率?
- 05-21电脑文件怎么压缩
- 05-21手机扩容新方案,搭配腾隐P2000移动固态硬盘,还可以在再战几年
- 05-21如何安全的传输文件(2)
- 05-21前端大文件秒传黑科技!程序员集体沸腾
- 05-21128GB内存8060S最强核显!极摩客EVO-X2 Max+ 395开箱
- 最近发表
- 标签列表
-
- 电脑显示器花屏 (79)
- 403 forbidden (65)
- linux怎么查看系统版本 (54)
- 补码运算 (63)
- 缓存服务器 (61)
- 定时重启 (59)
- plsql developer (73)
- 对话框打开时命令无法执行 (61)
- excel数据透视表 (72)
- oracle认证 (56)
- 网页不能复制 (84)
- photoshop外挂滤镜 (58)
- 网页无法复制粘贴 (55)
- vmware workstation 7 1 3 (78)
- jdk 64位下载 (65)
- phpstudy 2013 (66)
- 卡通形象生成 (55)
- psd模板免费下载 (67)
- shift (58)
- localhost打不开 (58)
- 检测代理服务器设置 (55)
- frequency (66)
- indesign教程 (55)
- 运行命令大全 (61)
- ping exe (64)
本文暂时没有评论,来添加一个吧(●'◡'●)