当前位置:首页 > 技术类 > 零成本搭建博客还有谁还不会?

零成本搭建博客还有谁还不会?

微信用户1年前 (2024-06-27)技术类608
本文介绍使用hexo快速搭建博客,大佬请绕道

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

官网文档:

https://hexo.io/zh-cn/docs/


1

安装hexo


零成本搭建博客还有谁还不会?


Hexo是一个基于Node.js的静态博客框架,可以快速搭建个人博客。以下是Hexo安装的步骤和相关链接:

前提准备确保你已经安装了Node.js和Git。如果没有安装,可以在官网下载并安装:https://nodejs.org/https://git-scm.com/


打开命令行工具(例如终端或git bush here),输入以下命令:

零成本搭建博客还有谁还不会?

npm install -g hexo-cli


2

创建新的Hexo博客项目


进入你想要创建博客的目录,然后运行以下命令,创建一个名为myblog的项目:

hexo init myblog


3

启动hexo博客


1.进入项目目录:cd myblog

2.安装相关依赖:npm install

npm install


3.启动命令:

hexo s


零成本搭建博客还有谁还不会?

此时,打开浏览器,访问 http://localhost:4000/,你将能够看到你的Hexo博客(默认的效果)

零成本搭建博客还有谁还不会?


4

发文章


项目文件夹中的source下的posts文件夹里面的一个.md文件就是一篇博客,你可以再此目录下新建一个.md文件,在里面写内容即可,写完之后保存,接着运行hexo s 回车重启项目,再去看http://localhost:4000/,就会看到刚刚发布的文章,至于每一个hexo主题的导航栏,图片及其它的配置修改,具体看主题的介绍和教程。


零成本搭建博客还有谁还不会?

零成本搭建博客还有谁还不会?

零成本搭建博客还有谁还不会?

5

换主题


可以看到,默认的主题不太美观,可以进入下面网址,找到喜欢的主题的git克隆链接,直接在博客项目根目录下克隆,把克隆的文件夹移动到theme目录下,完了之后再config.yaml里面改theme为当前主题名称(看主题的安装文档),然后hexo g ,再接着执行hexo s重新运行就可以了。

去官网里面选主题:

https://hexo.io/themes/

例如来安装Butterfly这个主题:

1. 在主题页面找到这个主题,点击标题即可进入主题的github

2. 往下翻就会有安装教程

零成本搭建博客还有谁还不会?

克隆主题到项目theme目录:

git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly

零成本搭建博客还有谁还不会?

3. 克隆到theme目录下,然后修改项目_config.yml文件中的theme: butterfly

零成本搭建博客还有谁还不会?

theme: butterfly

零成本搭建博客还有谁还不会?

然后git里面执行hexo g ,再接着执行hexo s重新运行就可以了。如果有报错,请安装这个,主题教程有说明

npm install hexo-renderer-pug hexo-renderer-stylusnpm install hexo-renderer-pug hexo-render-stylus


零成本搭建博客还有谁还不会?

主题运行效果:

零成本搭建博客还有谁还不会?

零成本搭建博客还有谁还不会?

到这里,其实博客就搭建完了,关于主题的修改,添加样式修改图片啥的,这个看该主题的教程,网上一搜也很多。

6

上线(github托管)


到此,博客只是在本地,只能自己看看,可以用github的静态托管

关于静态网站托管:

静态网站托管是一种服务,允许用户将静态网站(即所有网页都由静态内容构成,包括客户端执行的脚本如JavaScript)托管到云服务提供商的存储空间中,并通过该存储空间的访问域名来访问这个网站。

首先得有一个github账号,没有的话先去github官网注册

1. 在项目根目录下打开git窗口,依次输入

git config --global user.name "你的用户名"git config --global user.email "注册github用的邮箱"


2. 生成秘钥SSH key,依次输入

ssh-keygen -t rsa -C"你的邮箱"cat ~/.ssh/id_rsa.pub

输入之后连着三次回车后生成一段字符串(秘钥),复制这段字符串

3. 配置秘钥

打开你的github主页,点头像,再点击settings,再点击SSH and GPG keys,点击New SSH key,名字随便写,将刚刚复制的内容填入key框中,点击Add SSH key确认保存。在git bash中输入ssh -T git@github.com,如果出现了“Hi,你的用户名! You’ve successfully……”就说明成功了!

4.  修改博客的配置文件的deploy





deploy:  type: git  repository: https://github.com/你的用户名/你的用户名.github.io  branch: main

零成本搭建博客还有谁还不会?


5. 安装扩展(必须)继续在git中执行


npm i hexo-deployer-git
6. 推送到远程,继续git执行
hexo g -d

推送完成后 ,浏览器输入:你的用户名.github.io,就可以看到你的博客了。

到此,结束!

看起来挺多,其实就是几条指令的事,如有帮助,求个赞可否零成本搭建博客还有谁还不会?

【往期推荐】

零成本搭建博客还有谁还不会?

前端工具篇

零成本搭建博客还有谁还不会?

电脑端注册页面

零成本搭建博客还有谁还不会?

Echarts的入门使用

零成本搭建博客还有谁还不会?

vue中使用Swiper

零成本搭建博客还有谁还不会?

PC端登录页源码(一键复制)

零成本搭建博客还有谁还不会?

Vue新手引导插件

零成本搭建博客还有谁还不会?

如何不翻墙使用谷歌商店

零成本搭建博客还有谁还不会?

Echarts案例网站合集

本篇文章来源于微信公众号:                 雪天前端

免责声明
    本网站在国家相关法律法规规定的范围内,只按现有状况提供文章发布第三方网络平台服务,本网站及其所有者非交易一方,也非交易任何一方之代理人或代表;同时,本网站及其所有者也未授权任何人代表或代理本网站及其所有者从事任何网络交易行为或做出任何承诺、保证或其他类似行为,除非有明确的书面授权。
    鉴于互联网的特殊性,本网站无法鉴别和判断相关交易各主体之民事权利和行为能力、资质、信用等状况,也无法鉴别和判断虚拟交易或正在交易或已交易之虚拟物品来源、权属、真伪、性能、规格、质量、数量等权利属性、自然属性及其他各种状况。因此,交易各方在交易前应加以仔细辨明,并慎重考虑和评估交易可能产生的各项风险。

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

版权声明:本文由点度点度金讯时代-BLOG发布,如需转载请注明出处。

本文链接:https://lmwmm.com/post/3279.html

分享给朋友:

“零成本搭建博客还有谁还不会?” 的相关文章

如何在 Raspberry Pi 上安装和设置家庭助理以实现家庭自动化

如何在 Raspberry Pi 上安装和设置家庭助理以实现家庭自动化

您购买的几乎所有智能家居设备都需要您安装应用程序、注册并将它们连接到互联网云服务器,然后才能开始控制它们。虽然云服务更方便,但它们也会存储您的活动数据,例如您使用设备的时间、地点或方式,并且可能存在隐私问题。这可能不是最关心的问题,但如果您...

专家建议:2G、3G退网,5G取代4G!!

专家建议:2G、3G退网,5G取代4G!!

2023年了,你升级5G网络了吗?近日,工信部公布数据显示,去年我国新建5G基站88.7万个,目前5G基站总量已达到231.2万个,占全球比例超过60%,5G网络建设稳步推进,网络覆盖能力持续提升。我国在用户占比上也领先全球水平,5G用户(...

网易有道吃了ChatGPT生态的第一个螃蟹

网易有道吃了ChatGPT生态的第一个螃蟹

ChatGPT正在飞速进化,吃瓜都跟不上速度。3月14日,OpenAI推出GPT-4,在各种专业和学术基准上达到“人类水平”,再次惊艳行业。3月16日,百度宣布正式内测“中国版”ChatGPT——文心一言。紧接着,微软也最新宣布,Micro...

让文心一言和ChatGPT帮我设计开源项目,结果……

让文心一言和ChatGPT帮我设计开源项目,结果……

hi,我是一名电子工程师。作为一名有着创新精神的潮男,大洋彼岸ChatGPT的热风刚吹来,我就率先在上面提了一个人类永恒的话题:先有鸡还是先有蛋?而刚刚,我又获得了有“中国版ChatGPT”之称的文心一言内测资格,这次我决定让它帮我设计一个...

ChatGPT最强对手Claude上线Slack平台【附教程】

ChatGPT最强对手Claude上线Slack平台【附教程】

你好,这里是AIHub,继续跟你分享人工智能相关的新鲜见闻。近日,Anthropic公司宣布,旗下类ChatGPT产品Claude已经上线Slack平台,每个人都可以免费使用。非常关键的是,国内用户可以正常使用,不再像ChatGPT那样艰难...

为什么AutoGPT这么火爆?手把手带你安装和体验AI自主机器人

为什么AutoGPT这么火爆?手把手带你安装和体验AI自主机器人

最近几天,一直在忙自己的AIHub.cn网站,目前已经上线了几百款优质AI产品和教程近日,AI界貌似出现了一种新的趋势:自主人工智能。继ChatGPT后,一个叫AutoGPT的开源项目火了,短短几天,在GitHub star达到近4万了,可...