hexo 本地编辑md文件_「原创」手把手教你使用Hexo和GitHub搭建自己的个人博客网站...

news/2024/5/8 22:02:32/文章来源:https://blog.csdn.net/weixin_39952800/article/details/110638808

安装nodejs环境

这个直接搜索安装即可,安装完成之后,通过如下命令检测环境变量是否安装成功:

λ node -v# 输出版本号v12.13.1

正确输入版本号即可。

安装cnpm

cnpm是淘宝镜像,可以加快依赖的安装速度

npm install cnpm -g --registry=https://registry.npm.taobao.org​# 输出C:甥敳獲xxxxxAppDataRoamingpmcnpm -> C:甥敳獲xxxxxAppDataRoamingpmode_modulescnpmbincnpm+ cnpm@6.1.0added 680 packages from 933 contributors in 24.882s

其他

Git、GitHub就不多说了

安装 Hexo

cnpm install -g hexo-cli

可以通过如下命令检查是否安装成功

λ hexo -v​"node" "C:甥敳獲xxxxxxAppDataRoamingpmode_moduleshexo-clibinhexo" -vhexo-cli: 3.1.0os: Windows_NT 10.0.18362 win32 x64node: 12.13.1v8: 7.7.299.13-node.16uv: 1.33.1zlib: 1.2.11brotli: 1.0.7ares: 1.15.0modules: 72nghttp2: 1.39.2napi: 5llhttp: 1.1.4http_parser: 2.8.0openssl: 1.1.1dcldr: 35.1icu: 64.2tz: 2019cunicode: 12.1

创建本地博客

hexo init gitpage

出现下面提示表示初始化成功了

de717f7127fd343461376273ef462e1d.png

执行完之后目录内容

3a71eae94dbbdd8b44bd0d7212852647.png

进入gitpage目录,执行如下命令

cd gitpagecnpm install

这样,hexo就安装完成了。

Hexo 基本用法

启动

hexo server # orhexo s
951a8c51716ff9df5aa02b1b63491e4f.png

通过浏览器访问http://localhost:4000即可查看效果:

fdf30ff3f1c33643c45b0c6fdedccdf1.png

新建博客

hexo new "My First Post"

在source_posts 路径下,会有一个 My-First-Post.md 的文件。 编辑这个文件,然后保存。

回到命令行,输入

hexo g

创建静态文件

启动服务器,查看效果

hexo server

启动之后,即可看到自己新创建的这篇文章。

部署到GitHub

首先在GitHub创建一个仓库,仓库名叫".github.io"。复制仓库地址。打开gitpage目录下的_config.yml 文件, 找到 #Deployment,填入以下内容:

deploy:  type: git  repository: https://github.com/Happy4Java/happy4java.github.io.git branch: master

保存,然后在命令行执行如下语句:

cnpm install hexo-deployer-git --save

执行完之后,即可执行部署命令:

hexo d

可能需要输入github的账号密码,输入之后即可部署完成。

查看效果

访问https://happy4java.github.io即可查看到效果。

77119a6783750ad32a05689bc2df3b19.png

使用 Next 主题

进入gitpage文件夹下的themes文件夹,执行

git clone https://github.com/theme-next/hexo-theme-next.git

这样,该主题的文件就全部克隆到 gitpagehemesext 下面。

修改博客配置文件

  • 打开 _config.yml配置文件
  • 找到 theme:
  • 把 Hexo 默认的 lanscape 修改成 hexo-theme-next 。
  • 找到 # Site,添加博客名称,作者名字等。
  • 在 language 后面填入 en 或者 zh-CN,选择英文或者中文。
  • 找到 # URL, 填入 url。比如 url: https://happy4java.github.io

重新生成部署

hexo ghexo d

访问https://happy4java.github.io即可查看效果

5f7d518c58d5db34f095ac592fd730af.png

原创声明

本文为【Happyjava】的原创,欢迎转载,但需注明出处

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_759992.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

第一次网站设计 请大家多多指点

第一次做网站设计 这是一个ASP.NET 鲜花网 希望大家能多提点意见 改善它完善它。谢谢了! 转载于:https://www.cnblogs.com/Simcoder/archive/2010/04/06/1705220.html

漂亮的html静态页面_静态网页对网站建设越来友好

企业网站建设开发设计了网站內容智能管理系统,这就引起一个问題,针对企业公司来讲,在执行网站建设新项目的情况下,静态数据化的html网页页面,更合适企业进行互联网营销。就算有时候有网站內容升级,要是不经…

html搜索框_SEO搜索引擎的工作原理

了解一下搜索引擎优化的原理,就会知道为什么要这样做了。第一步:蜘蛛爬行轨迹搜索引擎是通过一种特定规律的程序跟踪网页的链接,从一个链接爬到另外一个链接,像蜘蛛在蜘蛛网上爬行一样,所以被称为“蜘蛛”也被称为“机…

We7荣获“政府网站群建设最佳产品奖”

8月23日,由中国信息化推进联盟、中国计算机行业协会、中国计算机报社等国家信息化领域权威机构和权威媒体共同组织开展的“第四届中国行业信息化奖项评选活动暨2012中国行业信息化颁奖盛典”在北京国宾酒店隆重举办。来自行业信息化领域的500余位企业代表、政府领导…

蜘蛛搜索引擎_搜索引擎蜘蛛为什么对网站不爬行呢?

在网站的优化过程中,很多优化人员都会遇到网站不经常收录,或者网站日志里都没有蜘蛛爬行的情况,如果新站遇到这样的问题还算正常,但是长期网站不被收录,网站就不会有排名和权重,更不会给企业带来更多的好处…

两青年更改源代码 “黑”十多家政府网站, 不是技术高,是政府网站安全性太低...

[提要] 两名19岁青年,利用后门程序先后侵入最高检察院等十多个政府机关的官方网站后台,更改网页源代码为其他网站牟利。公诉人提出,范某、文某侵入国家事务领域的计算机信息系统,多次利用后门程序非法控制非国家事务、国防建设和…

python plt画图_「figure」【Python】 【绘图】plt.figure()的使用 - seo实验室

figure 1.figure语法及操作 (1)figure语法说明 figure(numNone, figsizeNone, dpiNone, facecolorNone, edgecolorNone, frameonTrue) num:图像编号或名称,数字为编号 ,字符串为名称 figsize:指定figure的宽和高,单位为英寸; dpi参…

从零开始编写自己的C#框架(25)——网站部署

导航 1、关掉访问保护 2、发布网站 3、复制网站到服务器 4、添加新网站 5、设置网站访问权限 6、设置文件夹访问权限 7、控制可更新文件夹执行权限 8、设置“应用程序池”.net版本与模式 9、附加数据库 10、添加数据库访问用户 11、设置数据库链接 12、部署注意事项 对于网站的…

转载——网站转接支付宝解决方案

大型网上购物系统除了能让会员选择货到付款结账方式外,还应该提供一些更方便快捷的网上支付方式。如果网上商店没有足够的实力提供会员直接在网站中建立现金账户的功能,就可以将订单信息转接到支付宝,让会员从支付宝付款。当然就算会员可以在…

网站回到顶部按钮JS

为什么80%的码农都做不了架构师&#xff1f;>>> <script type"text/javascript"> $(function(){$(window).scroll(function(){$(window).scrollTop()>1000 ? $("#gotopbtn").css(display,).click(function(){$(window).scrollTop(0)…

让网站动起来!12款优秀的 jQuery 动画插件推荐

如今&#xff0c;大多数设计师和开发人员被要客户要求开发动态的网站。创造视觉震撼和醒目的动态网站是艰巨的任务&#xff0c;因为它需要大量的努力和创造力。在网络上有大量的工具和插件可用于创建网站动画。许多开发人员正在使用 HTML5 和 jQuery 提供的最新功能来创建创建和…

在网站中使用Bing Translator插件翻译文章。

前一阵子给项目增加了翻译的功能&#xff0c;用的是Bing Translator Widget,今天看见有个兄弟写自定义自己的博客&#xff0c;我就尝试着把这个插件加到了自己的博客中。还真的好用。大家先看下效果&#xff0c;觉得好的请继续往下看。方法很简单的。 方法&#xff1a; 1.先去官…

curl网站开发指南

文章转自&#xff1a;http://www.ruanyifeng.com/blog/2011/09/curl.html 作者&#xff1a; 阮一峰 日期&#xff1a; 2011年9月 4日 感谢 腾讯课堂NEXT学院 赞助本站&#xff0c;腾讯官方的前端课程 免费试学。 我一向以为&#xff0c;curl只是一个编程用的函数库。 最近才…

VS2012发布网站详细步骤

1、打开你的VS2012网站项目&#xff0c;右键点击项目》菜单中 重新生成一下网站项目&#xff1b;再次点击右键》发布&#xff1a; 2、弹出网站发布设置面板&#xff0c;点击<新建..>,创建新的发布配置文件&#xff1a; 输入你自己定义的配置文件名&#xff1a; 3、点击下…

MVC5 网站开发之四 业务逻辑层的架构和基本功能

业务逻辑层在Ninesky.Core中实现&#xff0c;主要功能封装一些方法通过调用数据存储层&#xff0c;向界面层提供服务。 目录 奔跑吧&#xff0c;代码小哥&#xff01; MVC5网站开发之一 总体概述 MVC5 网站开发之二 创建项目 MVC5 网站开发之三 数据存储层功能实现 MVC5 网站开…

一次网站迁移故障及分析

公司运营项目迁移&#xff0c;这个项目最重要的就是充值和让玩家能玩游戏&#xff0c;还有后台统计&#xff0c;就是类似支付宝这样的第三方平台的支付工具&#xff0c;由于涉及的到钱&#xff0c;所以上个月就做好迁移的准备&#xff0c;将代码和数据库都已转移完毕&#xff0…

网站应用微信登录功能接口开发指南

2019独角兽企业重金招聘Python工程师标准>>> 准备工作 网站应用 微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统。 在进行微信OAuth2.在进行微信OAuth2.0授权登录接入之前&#xff0c;在微信开放平台注册开发者帐号&#xff0c;并拥有一个已审核通…

第一次担任项目经理从零开始架构自己的网站(二) 需求文档定稿,开始建表,建库(转)...

今天上午的半天时间&#xff0c;我们开发部一直都在和产品部门开会&#xff0c;扯皮。吐槽。最终砍掉了几个功能。产品的小姑娘对我说&#xff0c;你们第一期就做一个挂号支付的功能&#xff0c;后台就10几个页面&#xff0c;大多数是增删该查&#xff0c;还说22天不够用&#…

网站日志中的UserAgent分析

2019独角兽企业重金招聘Python工程师标准>>> 浏览器访问网站时&#xff0c;会提交UserAgent信息&#xff0c;里面包含操作系统/浏览器类型/渲染引擎&#xff0c;可以据此大致评估网站的客户端分布。特别是移动设备会在UserAgent中包含设备型号信息&#xff0c;所以有…