这篇文章主要介绍如何搭建本地Hexo博客,并将博客部署到github。 Hexo的使用 启动本地服务器 在刚刚的命令行中输入: $ hexo s Hexo server启动后,在浏览器中打开http://localhost:4000/即可访问自己的本地博客,按Ctrl+C停止服务器 到这一步你已经搭建好自己的本地博客,接着我们就把它部署到github,让别人也可以浏览你的博客。 有些版本的Hexo没有内置hexo-deployer-git,会出现下列情况: Deployer not found: git 这时候输入以下代码安装即可: npm install hexo-deployer-git --save 注: hexo g == hexo generate hexo s == hexo server hexo d == hexo deploy
本期教大家如何搭建 Hexo 首先需要准备的东西如下: 1.电脑 2.手 3.脑袋 好了没了 安装 Node.js 由于 Hexo 这款博客程序是基于 Node.js 所构建的,所以我们需要下载 Node.js 新建一个文件夹,在里面右键 选择 Git Bash Here 打开 Git 终端 输入 npm install hexo-cli -g 安装 Hexo-cli 安装好后输入 hexo init 来初始化 Hexo! 默认的打开地址是:http://localhost4000 用户可通过 hexo s -p 来指定访问端口 比如 2000 1080 8081 等 更改名称 Hexo 安装完成后默认的名称为 Hexo --save 安装 Hexo-Deployer-Git 安装完后就可以使用 hexo clean && hexo d -g 部署了 End 结束了~ 感谢您的观看 更多进阶功能可前往Hexo 文档和Butterfly
安装Hexo并部署 安装hexo npm install -g hexo-cli 找个空目录,初始化hexo hexo init 目录名 进入目录,依次执行 # 生成静态文件 hexo g # 本地预览 hexo s 显示有以下信息后即可访问localhost:4000 INFO Hexo is running at http://localhost:4000 . 常用命令 官方文档:https://hexo.io/zh-cn/docs/commands # 新建文章 hexo n "文章名" 或 hexo new post "文章名" # 生成静态文件 hexo g 或 hexo generate # 部署 hexo d 或 hexo deploy # 启动 hexo s 或 hexo server 使用Github搭建 打开github新建仓库,仓库名需要是 clean hexo g hexo d 开启Gitee Pages服务 实名认证通过后会展示如下,选择对应分支部署后会展示链接
写这篇文章,仅此以纪念从WordPress转到Hexo。 博客搭建 适合哪些人呢? 平常喜欢写作,尤其是Blog的人。有不少人通过Hexo发表文学类作品呢。 hexo generate hexo server 到这一步,你的本地博客基本上就搭建起来了。我第一次搭建成功时,简直是兴奋的飞起了! GithubPages + CodingPages + 域名 你还可以在CodingPages上也搭建仓库,推送到仓库的时候2个仓库是同步推送的呢! ~ o( ̄▽ ̄)o 配置解析注意事项 嗯,为什么要在两个托管平台都搭建起来呢?原因很简单:要实现国内外访问不同的服务,所以要分别托管并且分别设置解析。 如果你的Hexo搭建成功,不妨跟大家分享以下你的快乐呢! ---- *版权声明:版权归作者本人所有,尊重原创,推送文章除非无法确认,都会注明作者和来源。
) [Hexo+Pages静态博客-Next主题篇](https://blog.csdn.net/mango_haoming/article/details/78207534) [关于HEXO搭建个人博客的点点滴滴 ](https://juejin.im/post/5a6ee00ef265da3e4b770ac1#heading-6) [搭建博客](https://alvabill.ml/hexo%E6%90%AD %E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2--%E5%9F%BA%E7%A1%80%E7%AF%87/) [手把手教你用Hexo搭建个人技术博客](https ) [最快的 Hexo 博客搭建方法](https://blog.coding.net/blog/CS-Hexo) [超详细Hexo+Github博客搭建小白教程](https://zhuanlan.zhihu.com /p/35668237) [在Github上备份Hexo博客](https://lrscy.github.io/2018/01/26/Hexo-Github-Backup/) [最快的 Hexo 博客搭建方法
前言 本篇文章用于介绍Hexo个人博客的搭建过程,这也是我搭建本博客后的第一篇文章,分享一下搭建方法,有兴趣的小伙伴也可以自主搭建一个属于自己的博客! 所以我选择了直接在github page平台上托管我的博客,这样可以安心写作,也不需要定期维护,而且hexo作为一个快速简洁的博客框架,用它来搭建博客也很简单。 我在两天内完成了Hexo-Github个人博客的基本搭建(其实搭建不难,自己脑子笨,做的慢些了……) 在这里记录一下我的第搭建一个博客,并给大家分享一下搭建的流程,以及在搭建过程中遇到的问题和解决方案 搭建经历 ❤2019-3-13:初次看到Hexo-Github搭建个人博客,很感兴趣,便开始了自己博客的搭建; ❤2019-3-14:完成了博客的基本搭建(可以运营),并上传了第一篇文章; ❤2019 -3-17:博客搭建工作全部完结(主题优化,程序添加,分类管理……); ❤未完待续…… 搭建步骤 1.
前言 我一直想搭建一个个人博客,要求就是简洁,支持Markdown,可以显示文章的TOC目录。 安装Hexo 首先在你电脑上找一个位置来安装Hexo。 npm install hexo-cli -g 初始化Hexo hexo init npm install npm install hexo-util --save 测试Hexo hexo s 然后在浏览器的地址栏上面输入 npm install hexo-deployer-git --save 发布部署文章 hexo g -d ? 然后在去Coding上就可以看到部署的文件了 ? 至此,搭建完成。 有关Hexo的详细配置,请参阅Hexo官方文档。 如本文中有错误,欢迎在评论中进行指正。转账请注明出处,谢谢支持。
简单发布文章 在Hexo根目录下打开cmd终端命令:1hexo new "文件名" 此命令会在/hexo/source/_posts下创建一个文件名.md文件,然后就可以使用markdown编辑器开始写自己的博客了 s 浏览器打开 http://localhost:4000/ 即可查看效果,默认端口为4000 自定义端口为80: hexo s p 80 部署到Coding上1hexo clean && hexo g && hexo d hexo clean 清理本地缓存 hexo g 全称: generate,生成静态html文件。 注:部署到Coding上需要先按照插件,在cmd中输入 npm install hexo-deployer-git --save 高级文章设置 Hexo new 的分类 Hexo对生成文章有三种分类 生成方式是:hexo new [layout] <title> 比如: hexo new page tags ,即为生成一个名为tags的页面。
3、安装hexo cnpm install -g hexo-cli hexo -v命令验证是否安装成功。 zhaoxb:hexo_blog zhaoxiaobin$ hexo -v hexo: 5.2.0 hexo-cli: 4.2.0 os: Darwin 19.4.0 darwin x64 node: cd hexo_blog hexo init 博客文章所在目录为source/_posts,默认会有一篇Hexo的介绍文档。 到这一步其实个人博客已经搭建完成,当然个性化的配置以及自定义域名这些都是后续看个人喜好和需要了。 命令 功能 hexo clean 清除所有生成的页面文件 hexo g 生成页面 hexo deploy 推送部署到远程服务器 hexo n xxx 新建一篇名为xxx的文章
大概流程: 搭建 Node.js 环境 搭建 Git 环境 GitHub 注册和配置 安装配置 Hexo 关联 Hexo 与 GitHub Pages GitHub Pages 地址解析到个人域名 Hexo 的常用操作 搭建 Node.js 环境 为什么要搭建 Node.js 环境? mark 搭建 Git 环境 为什么要搭建 Git 环境? - 因为需要把本地的网页和文章等提交到 GitHub 上。 Github注册:https://github.com/ 创建仓库:Repository name 使用自己的用户名,仓库名规则: yourname/yourname.github.io 到此搭建 Hexo 如果 http://localhost:4000 能够正常访问,则说明 Hexo 本地博客已经搭建起来了,只是本地哦,别人看不到的。下面,我们要部署到Github。 ?
这次选择直接使用hexo做一个长期日常使用的博客系统 Hexo是什么 Hexo是基于nodejs的,那么我们需要知道nodejs是什么 node.js是一个运行在chromeJavascript运行环境下 Hexo是一款基于Node.js的静态博客框架,依赖少易于安装使用,可以方便的生成静态网页托管在GitHub和Heroku上 获取Hexo 首先到官网安装nodejs ? 执行完出现如图所示即添加完成,我们再安装时使用cnpm就是使用的国内源 安装hexo cnpm install -g hexo-cli 执行完成可以查看下版本 hexo -v ? hexo使用 初始化博客目录 在本地创建一个目录比如blog作为博客项目工作区 在你选择的目录下执行初始化命令hexo init,在此之前如果你没有安装git那要先把git安装一下 F:\blog>hexo 编辑完重新生成静态项目,每次变更都要重新生成一下 hexo clean //删除之前的静态文件 hexo g //重新生成新的 hexo s //开启服务 重新访问,在Hello World
Hexo 搭建个人博客 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 0. 安装前提 Node.js Git 创建 GitHub 仓库 Hexo 建站环境配置详见:Hexo 建站环境配置 1. Hexo 建站 在配置完环境之后,就可以正式安装 Hexo 了。 Hexo 建站教程详见:Hexo 建站教程 2. Hexo + Fluid 美化详见:Hexo + Fluid 美化 5. Hexo 优化 图床 本博客图床已迁移到 OSS, 部分功能可能失效,请注意! 搭建博客图床详见:搭建博客图床 Hexo 插件 Hexo 本身提供了一个框架,通过丰富的拓展插件,能够进一步优化使用体验,你可以在 Hexo 插件 中寻找适合你的拓展。
日更前语8.服务器搭建 + 域名访问方法一:本地PC + 公网IP方法二:本地PC + 内网穿透方法三:云服务器 + 内网穿透系列结语日更结语 日更前语 今天是这个系列的最后一篇文章了,这个系列也算是日更的开山之作 8.服务器搭建 + 域名访问 服务器的搭建,一番试了三种方式,当然最终选择的是云服务器。我们一一介绍下。 方法一:本地PC + 公网IP 这种方式最原始,成本最低。 有了公网IP之后,我们只需要启动Hexo的时候指定好端口,我们便可以在任何连接了互联网的设备,通过输入“公网IP:端口号”的方式来访问我们的博客了。 因此,想要通过这个方式搭建一个对外的稳定博客的想法,还是放弃吧,自己玩玩还是可以。而且也没有域名,不能通过域名访问。 系列结语 好了,通过这一系列三篇文章,我们就可以搭建自己的Hexo博客,并且通过指定网址让任何人都可以访问我们的博客了。也算是有了一块有自主主权的互联网专属耕地,可以辛勤耕种了。
; Hexo安装 1. 安装hexo-cli 安装hexo命令工具到全局环境,安装后可以在shell窗口运行hexo命令。 npm install -g hexo-cli # or yarn global add hexo-cli Hexo使用 hexo init demo-folder # 初始化文件夹 cd demo-folder 安装 hexo-deployer-git npm install hexo-deployer-git --save 2. ] --slug [router-name] <title> hexo new page "我的文章" hexo new page --path about/me "关于我" hexo new page
选择个人版,在搭建https时,https证书可能会有一定的问题) 先暂时不用做双线部署(国内访问coding服务,国外访问github服务),如果做成了双线部署,百度站长的https认证,可能会出现问题 ,原因不详 博客初始化 安装hexo npm i -g hexo 新建存放项目的文件夹 hexo初始化 hexo init 查看是否安装成功 hexo -v 初始化成功之后,会看到一系列文件夹 node_modules 配置自定义域名解析(非必须) hexo配置和本地启动 github访问路径:用户名.github.io coding访问路径:创建项目成功之后,会给一个路径,用此路径访问 如果配置域名,可以直接用域名访问 clean hexo -g hexo -s 上传到服务端运行 hexo clean hexo -g hexo -d 主题配置-next next下载 进入博客项目根目录,打开git bash git clone https://github.com/theme-next/hexo-theme-next themes/next 配置 普通配置:主题下载好之后只需要修改_config.xml 修改主题
最新折腾了一下黑苹果 刚刚把博客迁移过来 所以才想起写这篇文章 Hexo+GitHub搭建静态博客 准备工作 Node.js下载链接: https://nodejs.org/en/ Git下载链接: https://git-scm.com/download/win 安装好Node.js与Git 接下来安装Hexo npm install -g hexo-cli 安装完成以后 git —version ,hexo-v查看安装版本 本地建站 我们首先在本地搭建起Blog 等本地都配置完成直接放到GitHub就ok了 博客框架 初始化博客框架 hexo init <folder>(博客文件夹名称) cd generate 简写 hexo g 就好 启动服务器 接下来我们访问以下博客 先要启动一下hexo服务器 hexo server 简写 hexo s 启动以后我们本地访问以下 默认访问 http:/ deploy 简写 hexo g -d //生成静态文件后提交到github上 执行完成后 别人就可以通过 http://scholar10.github.io 访问你的博客了….
最近使用Hexo搭建了一个自己的博客,在搭建的过程中遇到了很多的坑,现在博客搭建完成了,非常感谢Hexo以及pure这么好的项目。 我将自己在搭建的过程中遇到的问题进行了一个记录,以便后来的使用者够快速的上手。 安装Hexo npm install -g hexo-cli 初始化博客网站 hexo init <folder> cd <folder> npm install 添加pure主题 More info: 参数配置 相关的参数配置在Hexo的文档以及hexo-theme-pure的文档中都有详细的介绍,详情请参阅 Hexo hexo-theme-pure 注意,一定要注意的操作 在阅读hexo-theme-pure install hexo-generator-feed --save npm install hexo-generator-sitemap --save npm install hexo-generator-baidu-sitemap
1.简介 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章(经常玩CSDN上的人都知道),在几秒内,即可利用靓丽的主题生成静态网页。 通过Hexo我们可以快速创建自己的博客,仅需要几条命令就可以完成。发布时,Hexo可以部署在自己的Node服务器上面,也可以部署github上面。 所以,在这里我是基于github搭建的个人博客站点。 2. 环境配置 安装 Hexo 相当简单。 再重新安装hexo: ? 3. 建站 3.1 目录和文件 安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。 Hexo建议通过命令行操作,当然你也可以直接在_posts目录下创建文件。 下面我们创建一篇名为hexo的文章: ?
进入目录~/web/web/vultr, 然后安装hexo $ cd ~/web/web/vultr $ sudo npm install -g hexo-cli hexo-server $ hexo echo "DEPLOY: master copied to $deploy_to_dir" hexo_dir="/home/vultr/web/web/vultr/" cd $hexo_dir hexo clean && hexo --silent g if [[ $? /themes/tranquilpeak themes/ ln -sf /home/vultr/web/git/hexo/source . ln -sf /home/vultr/web/git/hexo /scaffolds . ln -sf /home/vultr/web/git/hexo/_config.yml .
简介 本次演示,使用Hexo最受欢迎的主题,也是本站使用的主题Next。 在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 在切换主题之后、验证之前, 我们最好使用 hexo clean 来清除 Hexo 的缓存。 验证主题 首先启动 Hexo 本地站点,命令是 hexo s 当命令行输出中提示出: INFO Hexo is running at http://localhost:4000/. -- more --> 手动进行截断,Hexo 提供的方式。 在 Hexo 里可以为首页和归档页面设置不同的文章篇数,但可能需要安装 Hexo 插件。详细步骤如下。 1.使用 npm install –save 命令来安装需要的 Hexo 插件。