成功搭建hexo本地博客并部署到github上

简介: 首先是安装Brew。好多人说Mac OS X上自带有brew,但是我今天试了N多遍,都是cannot find brew(我的系统是OS X Yosemite 10.10.5),于是只能安装brew了。

一、搭建hexo本地博客


  1. 首先是安装Brew。好多人说Mac OS X上自带有brew,但是我今天试了N多遍,都是cannot find brew(我的系统是OS X Yosemite 10.10.5),于是只能安装brew了。
 打开Iterm,输入以下安装命令:
 curl -LsSf http://github.com/mxcl/homebrew/tarball/master | sudo tar xvz -C/usr/local --strip 1
 安装brew成功后如图1所示: 
 当brew安装成功后,就可以随意安装自己想要的软件了,例如wget,命令如下:
 sudo brew install wget  
 卸载的话,命令如下:
 sudo brew uninstall wget
 查看安装软件的话,命令如下:
 sudo brew search /apache*/
 注意/apache*/是使用的正则表达式,用/分割。


image.png

图 1

  1. 安装好brew后,就是安装git和Node.js
 git安装命令如下:
 sudo brew install git 
 安装成功如图2所示:
 Node.js安装命令如下:
 sudo brew install -g node

image.png


图 2


  1. git和Node.js都安装成功后,安装hexo
 安装hexo的命令如下:
 sudo npm install hexo -g
 成功后如图3和4所示:
 注意:以上命令以sudo开头一定不要忘记加sudo,这是实践中的经验

image.png

图 3


image.png

图 4

  1. 创建hexo文件夹。hexo安装成功后,,在你喜爱的文件夹下(如: Desktop/hexo ),执行如下命令:


 创建hexo文件夹:
 hexo init +文件夹名字例如:hexo
 安装依赖包:
 npm install
 这两步成功后如图5所示:

image.png

图 5

  1. 启动本地服务。现在我们已经搭建起本地的hexo博客了,执行以下命令(在 H:\hexo ),然后到浏览器输入 localhost:4000 看看。
 hexo generate
 成功后如图6所示:
 hexo server
 成功后如图7所示:
 hexo博客如图8所示:

image.png

图 6

image.png

图 7

image.png

图 8 好了,至此,本地博客已经搭建起来了,只是本地哦。别人是看不到了

一、部署到github上


  1. 注册Github帐号。
 创建repository
 登录github后,将鼠标点击github右上角“+”号,在下拉菜单上,选择“New repository”项,将跳到如下页面,        填写库名称,勾选“Initialize this repository with a README”,点击“create repository”,即可完        成创建库。

image.png


  1. 部署
 编辑 _config.yml (在 H:\hexo 下)。你在部署时,要把下面的 zippera 都换成你的账号名。
 deploy:
   type: git
   repository: https://github.com/JinqianChina/JinqianChina.github.io.git
   branch: master
 这里需要注意:https://方式可能会出现,部署文件到github和每次更新文件到github时都需要输入github用户 名和密码的情况,这个情况不是一定出现,我在部署的时候遇到了,网上搜了没有找到解决的方式,于是我采用SSH-key方式,ssh 的介绍和设置方法请看 官方教程<https://help.github.com/articles/generating-ssh-keys/> ,不用担心,很简单。
 设置好SSH-key后, _config.yml 配置文件应该为:
 deploy:
   type: git
   repository: git@github.com:JinqianChina/JinqianChina.github.io.git
   branch: master
 执行下列指令即可完成部署。
 hexo generate
 hexo deploy
 如果提示:ERROR Deployer not found: git
 执行以下以下命令:npm install hexo-deployer-git --save

image.png


    完成之后再执行:
    hexo generate
    hexo deploy
    记住:每次修改本地文件后,需要 hexo generate 才能保存,hexo deploy 才能部署到github。每次使用命令 时,都要在 ~\hexo 目录下。
    Okay,我们的博客已经完全搭建起来了,在浏览器访问 JinqianChina.github.io 就能看到你的成就了!
    还有一点,有一些用户在hexo deploy之后会有提示验证邮箱
    那么我们要输入我们在git上验证的邮箱
    再次hexo deploy
    就发布上去了。
    就可以看到我们就成就了。。。
    tips
    hexo现在支持更加简单的命令格式了,比如:
    hexo g ==  hexo generate
    hexo d ==  hexo deploy
    hexo s ==  hexo server
    hexo n ==  hexo new


相关文章
|
4月前
|
JSON 缓存 JavaScript
使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)
使用 jsDelivr 加速 GitHub Pages 的图片资源和动态编译的 JSON 资源。
79 2
|
3月前
|
存储 Linux 数据安全/隐私保护
一键部署 200+ 开源Github 2k+ 星星的软件
Websoft9面板是一款基于Web的PaaS/Linux面板,支持在个人服务器上一键部署200多种热门开源应用,适用于个人开发者、中小企业、创业团队、教育机构和技术爱好者。它集成了丰富的开源软件,提供便捷的部署方式、高效的资源利用、良好的可扩展性及低技术门槛,帮助用户快速搭建和管理各类应用。
|
5月前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
6月前
|
搜索推荐 前端开发
使用VitePress创建个人网站并部署到GitHub
该网站使用 VitePress 构建,记录了前端开发相关的笔记和教程,涵盖 Vue2 和 Vue3 等内容。网站支持暗黑模式和 Algolia 搜索服务,提供了详细的导航和侧边栏配置。通过自动化脚本进行部署,托管于 GitHub Pages。
使用VitePress创建个人网站并部署到GitHub
|
6月前
|
JavaScript 搜索推荐 资源调度
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
本文详细介绍了如何使用 Vue3、TypeScript 和 Vite 开发并发布一个名为 Vue Amazing UI 的组件库至 npm。文章首先引导读者安装配置 VitePress,创建文档网站,并编写组件库文档。接着,通过一系列配置实现网站主题定制、全局样式设置以及 Algolia 搜索功能集成。最后,文章提供了自动化脚本,帮助开发者一键打包部署静态网站至 GitHub,并发布组件库到 npm。通过这些步骤,读者可以轻松搭建并维护一个美观且功能齐全的组件库文档网站。
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
|
6月前
|
资源调度 搜索推荐 Shell
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
本文介绍了如何使用 Vue3、TypeScript 和 Vite 开发组件库并将其发布到 npm。文章详细描述了安装依赖、配置项目、创建文档网站以及编写组件文档的步骤。通过使用 VitePress,可以轻松搭建组件库的文档站点,并实现 Algolia 搜索功能。此外,还提供了自动化脚本用于部署静态网站至 GitHub 以及发布组件库到 npm。最后,展示了完整的目录结构和网站效果。
213 1
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
hexo+github搭建个人免费博客
最近在淘宝逛到一个卖盗版书的店铺,真的是便宜的不要不要的,哈哈。 网上hexo+github的博客教程太多了,我今天就讲讲一下实现小细节和思路吧,都是github上面的issue 看看我搭建的hexo主题的博客,哈哈 开始旅程了 创建一个github站点 可以参考鸿洋大神的如何利用github打造博客专属域名,这篇博文看下来,你就会拥有像我 这样MRw
2336 0
|
1月前
|
开发工具 git
如何操作github,gitee,gitcode三个git平台建立镜像仓库机制,这样便于维护项目只需要维护一个平台仓库地址的即可-优雅草央千澈
如何操作github,gitee,gitcode三个git平台建立镜像仓库机制,这样便于维护项目只需要维护一个平台仓库地址的即可-优雅草央千澈
187 69
如何操作github,gitee,gitcode三个git平台建立镜像仓库机制,这样便于维护项目只需要维护一个平台仓库地址的即可-优雅草央千澈
|
4月前
|
编解码 Oracle Java
java9到java17的新特性学习--github新项目
本文宣布了一个名为"JavaLearnNote"的新GitHub项目,该项目旨在帮助Java开发者深入理解和掌握从Java 9到Java 17的每个版本的关键新特性,并通过实战演示、社区支持和持续更新来促进学习。
134 3
|
6月前
|
存储 安全 Java
【事故】记一次意外把公司项目放到GitHub并被fork,如何使用DMCA下架政策保障隐私
在一次意外中,作者因三年前将测试代码遗忘在GitHub上而遭遇了代码被他人fork的问题。为解决这一危机,作者详细介绍了如何通过GitHub的DMCA下架通知流程安全删除敏感代码,包括处理私人信息和商标侵权的具体步骤。本文不仅提供了实用的操作指南,还强调了及时响应的重要性,帮助读者避免类似风险
155 1
【事故】记一次意外把公司项目放到GitHub并被fork,如何使用DMCA下架政策保障隐私

热门文章

最新文章