写在前面的话 很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客很快就能用了,而且托管在github 工具,生成SSH添加到GitHub 3:本地环境搭建,安装node 和npm 4:本地初始化Hexo项目并且运行 5:Hexo主题 6:部署到github 7:生成markdown文件,写文章并且发布 二:Hexo搭建个人博客-框架的本地安装和运行 1:Hexo的官网 https://hexo.io/ 2:安装node 和npm hexo基于node.js,本地需要安装node 和npm,安装步骤就不多说了 5:进入项目文件夹,安装依赖文件 cd blog npm install 6:运行,并且在浏览器打开,就可以看到博客页面了 hexo server http://localhost:4000 三: 5: 部署 hexo deploy 注意这里需要输入GitHub用户名和密码哦 图片.png 6:查看仓库,已经将项目放在仓库里面了 这个时候就可以访问了,已经把静态文件都托管在GitHub
写在前面的话 很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客很快就能用了,而且托管在github 工具,生成SSH添加到GitHub 3:本地环境搭建,安装node 和npm 4:本地初始化Hexo项目并且运行 5:Hexo主题 6:部署到github 7:生成markdown文件,写文章并且发布 二:Hexo搭建个人博客-框架的本地安装和运行 1:Hexo的官网 https://hexo.io/ 2:安装node 和npm hexo基于node.js,本地需要安装node 和npm,安装步骤就不多说了 5:进入项目文件夹,安装依赖文件 cd blog npm install ? 5: 部署 hexo deploy 注意这里需要输入GitHub用户名和密码哦 ? 图片.png ? 6:查看仓库,已经将项目放在仓库里面了 ?
这篇文章主要介绍如何搭建本地Hexo博客,并将博客部署到github。 到这一步你已经搭建好自己的本地博客,接着我们就把它部署到github,让别人也可以浏览你的博客。 5.输入以下命令测试是否成功 $ ssh -T git@github.com 出现如下反馈,输入yes出现Hi xxxx! RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. --save 注: hexo g == hexo generate hexo s == hexo server hexo d == hexo deploy
写在前面的话 很早以前就想要搭建一个个人的博客,奈何只是一个前端切图仔,对于后端和数据库接口上手存在一定的难度,于是一拖拖了很久,今天无意中发现了使用Hexo搭建个人博客很快就能用了,而且托管在github 工具,生成SSH添加到GitHub 3:本地环境搭建,安装node 和npm 4:本地初始化Hexo项目并且运行 5:Hexo主题 6:部署到github 7:生成markdown文件,写文章并且发布 二:Hexo搭建个人博客-框架的本地安装和运行 1:Hexo的官网 https://hexo.io/ 2:安装node 和npm hexo基于node.js,本地需要安装node 和npm,安装步骤就不多说了 5:进入项目文件夹,安装依赖文件 cd blog npm install 6:运行,并且在浏览器打开,就可以看到博客页面了 hexo server http://localhost:4000 三 5: 部署 hexo deploy 注意这里需要输入GitHub用户名和密码哦 图片.png 6:查看仓库,已经将项目放在仓库里面了 这个时候就可以访问了,已经把静态文件都托管在GitHub了,查看分配的地址
本期教大家如何搭建 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搭建成功,不妨跟大家分享以下你的快乐呢! ---- *版权声明:版权归作者本人所有,尊重原创,推送文章除非无法确认,都会注明作者和来源。
](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 ://juejin.im/post/5abcd2286fb9a028d66440ba) [基于CentOS搭建Hexo博客](https://segmentfault.com/a/1190000012907499 ) [最快的 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个人博客的搭建过程,这也是我搭建本博客后的第一篇文章,分享一下搭建方法,有兴趣的小伙伴也可以自主搭建一个属于自己的博客! 我在两天内完成了Hexo-Github个人博客的基本搭建(其实搭建不难,自己脑子笨,做的慢些了……) 在这里记录一下我的第搭建一个博客,并给大家分享一下搭建的流程,以及在搭建过程中遇到的问题和解决方案 搭建经历 ❤2019-3-13:初次看到Hexo-Github搭建个人博客,很感兴趣,便开始了自己博客的搭建; ❤2019-3-14:完成了博客的基本搭建(可以运营),并上传了第一篇文章; ❤2019 安装Hexo 4. 注册Github账号并创建新仓库 5. 生产SSH添加到Github 6. 将Hexo部署到Github 7. 修改主题 8. 5.生成SSH添加到Github 首先配置SSH,同样使用Git Bash,输入一下代码: ssh-keygen -t rsa -C "邮件地址" 其中”邮件地址”是你注册
前言 我一直想搭建一个个人博客,要求就是简洁,支持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文件。 等待扩展全部安装完成后,在 站点配置文章 中,设定如下选项:1 2 3 4 5 6 7 8 9 10index_generator: per_page: 5 ##首页显示的文章篇数 archive_generator 文本居中 使用方式: index_generator: per_page: 5 ##首页显示的文章篇数 archive_generator: per_page: 20 ##归档页显示的文章篇数
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 n xxx 5、启动查看效果 hexo s命令启动服务,根据提示,浏览器打开http://localhost:4000/访问可以看到初始化的博客页面。 到这一步其实个人博客已经搭建完成,当然个性化的配置以及自定义域名这些都是后续看个人喜好和需要了。
大概流程: 搭建 Node.js 环境 搭建 Git 环境 GitHub 注册和配置 安装配置 Hexo 关联 Hexo 与 GitHub Pages GitHub Pages 地址解析到个人域名 Hexo 的常用操作 搭建 Node.js 环境 为什么要搭建 Node.js 环境? mark 搭建 Git 环境 为什么要搭建 Git 环境? - 因为需要把本地的网页和文章等提交到 GitHub 上。 如果 http://localhost:4000 能够正常访问,则说明 Hexo 本地博客已经搭建起来了,只是本地哦,别人看不到的。下面,我们要部署到Github。 ? / ),5 分钟快速安装。
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 插件 中寻找适合你的拓展。
这次选择直接使用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
进入目录~/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搭建了一个自己的博客,在搭建的过程中遇到了很多的坑,现在博客搭建完成了,非常感谢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
所以,在这里我是基于github搭建的个人博客站点。 2. 环境配置 安装 Hexo 相当简单。 再重新安装hexo: ? 3. 建站 3.1 目录和文件 安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。 ── draft.md │ ├── page.md │ └── post.md ├── source │ └── _posts └── themes └── landscape 5 directories, 5 files 文件 说明 scaffolds 脚手架,也就是一个工具模板 source 存放博客正文内容 _posts 文件箱 themes 存放皮肤的目录 themes/ 在_post目录下,就会生成文件:”hexo.md”: xiaosi@yoona:~/blog/source/_posts$ ll 总用量 5 drwxrwxrwx 1 xiaosi xiaosi 256
最新折腾了一下黑苹果 刚刚把博客迁移过来 所以才想起写这篇文章 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 访问你的博客了….
可以设置静态服务页面 github的服务器是在国外,如果用github部署个人博客,访问的响应速度会比较慢 coding是腾讯云的代码管理工具,本人使用的是这个来部署的(必须企业版coding——团队人数在5人以下是免费的 选择个人版,在搭建https时,https证书可能会有一定的问题) 先暂时不用做双线部署(国内访问coding服务,国外访问github服务),如果做成了双线部署,百度站长的https认证,可能会出现问题 ,原因不详 博客初始化 安装hexo npm i -g hexo 新建存放项目的文件夹 hexo初始化 hexo init 查看是否安装成功 hexo -v 初始化成功之后,会看到一系列文件夹 node_modules 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 修改主题