厦门网站快速排名优化,开平网站建设,淮北网站制作,做空机构的网站简介hexo —— 简单、快速、强大的Node.js静态博客框架。Hexo 使用 Markdown#xff08;或其他渲染引擎#xff09;解析文章#xff0c;在几秒内#xff0c;即可利用靓丽的主题生成静态网页。 特性风一般的速度Hexo基于Node.js#xff0c;支持多进程#xff0c;几百篇文章… 简介hexo —— 简单、快速、强大的Node.js静态博客框架。Hexo 使用 Markdown或其他渲染引擎解析文章在几秒内即可利用靓丽的主题生成静态网页。 特性风一般的速度Hexo基于Node.js支持多进程几百篇文章也可以秒生成。 流畅的撰写支持GitHub Flavored Markdown和所有Octopress的插件。 扩展性Hexo支持EJS、Swig和Stylus。通过插件支持Haml、Jade和Less. 基本配置和使用的工具 操作系统Windows 7 使用的工具Git和Node.js Git用于把部署在GitHub的内容获取至本地Node.js用于安装Hexo。 基本步骤安装Git安装 Git,目前支持 Linux/Unix、Solaris、Mac和 Windows 平台上运行安装Node.js下载安装文件nodejs官网我这里下载的是node-v6.11.2-x64.msi.安装nodejs 双击”node-v6.11.2-x64.msi”开始安装nodejs自定义安装在D:\dev\nodejs下面。 在cmd控制台输入node -v控制台将打印出v6.11.2出现版本提示表示安装成功。 该引导步骤会将node.exe文件安装到D:\dev\nodejs\目录下并将该目录添加进PATH环境变量。 安装相关环境 npm install express -g npm install jade -g npm install mysql -g npm install coffee-script -g所有命令都是-g进行全局安装的这样安装的安装包都在当前用户下在磁盘的所有其他地方都可以访问到比较方面。否则安装在当前目录下只能在当前目录下使用。 默认情况下上述组件都是安装在D:\dev\nodejs\node_modules文件夹下这也是nodejs相关组件的自动查找路径。确认安装的命令coffee -v出现版本号表示成功安装。 以上环境基本就配置完成 安装Hexo这一步的前提是必须先安装 Node.js和Git 1npm install hexo -g升级更新hexo到最新版升级仅需一步就把 Hexo 本体和所有相依套件安装完毕 1npm update hexo -g安装hexo-deployer-git用于将博客的内容部署到git上 1npm install hexo-developer-git --save初始化如果指定 folder便会在目前的资料夹建立一个名为folder的新资料夹否则会在目前资料夹初始化。在Git命令行窗口中输入指定 的方法是 cd [需要指定的文件夹路径] 跳转到对应的文件夹目录下后进行初始化 hexo init 初始化后对应的资料夹中有一下文件_config.yml, theme/, source/, scaffolds/, package.json, .gitignore;文件作用 _config.yml整个站点的配置包括基本介绍所使用的主题关联的仓库等 theme/所用的主题以及主题的配置 source/目前所写的所有文章以及404页面等 scaffolds/Hexo所提供的模板文件 package.json说明站点使用了哪些包 gitignore放置在git端时忽略的文件 安装Markdown编辑器简介Markdown是一种可以使用普通文本编辑器编写的标记语言通过类似HTML的标记语法它可以使普通文本内容具有一定的格式。git上上传的文本一般都是用Markdown编辑的而且它的语法也很简单所以这很实用。 安装下载地址下载得到 markdownpad2-setup.exe双击并完成安装。 作用由于使用Hexo写博客其中博客文章的格式就是.md格式需要使用Markdown编辑器完成编辑将纯文本转化为html在浏览器上显示出来。 Markdown语法说明 安装主题可以到Hexo官网主题页去搜寻自己喜欢的theme。我安装的是hexo-theme-next。 next主题使用文档http://theme-next.iissnan.com/ hexo的next主题个性化教程:打造炫酷网站 发布文章1 新建文章 在对应的博客文件夹下的git-bash命令行中运行以下命令 $ hexo new filename #新建文章 新建文章之后在博客对应的文件夹source\_posts中找到对应的.md文件然后用Markdown编辑器打开对文章内容进行编辑。 2本地服务器上测试 保存文章后在git-bash命令行中输入以下命令 1234567# 清除Hexo的缓存包括 (db.json) 和已生成的静态文件 (public)$ hexo clean$ hexo new Hello World # 创建新博客$ hexo generate # 生成静态网站或者hexo g命令$ hexo s # 打开本地服务器 伺服器会跑在 http://localhost:port port 预设为 4000可在 _config.yml 设定可在本地访问http://localhost:4000 3关联远程GitHub 修改_config.yml配置文科终端cd到blog这个是本地存放博客的文件夹如beatriceblog文件夹下打开_config.yml找到文件的最后两行修改成下边的样子 1234deploy:type: gitrepository: https://github.com/jeasonstudio/jeasonstudio.github.io.gitbranch: master 非常重要在配置所有的_config.yml文件时包括theme中的在所有的冒号:后边都要加一个空格否则执行hexo命令会报错 出现下列错误的解决方案12345# 生成网页时出现错误ERROR Local hexo not found in ~/blog npm install hexo --save # 若执行命令hexo deploy仍然报错无法连接git则执行如下命令来安装hexo-deployer-gitnpm install hexo-developer-git --save关联GitHub账号及仓库 根据已有的GitHub账号配置本地Git其实就是建立本地Git与服务器上GitHub账号的关联 在本地创建ssh key在本地的git bash命令窗口输入下列命令your_emailyouremail.com为你在github上注册的邮箱如beatrice.qq.com 1$ ssh-keygen -t rsa -C [your_emailyouremail.com]复制ssh key 输入上面的命令后会要求确认路径和输入密码我们这使用默认的一路回车就行。成功的话会在C:\Users\[本机的用户名]下生成.ssh文件夹进去打开id_rsa.pub所有的文件内容就是ssh key复制下来。 添加ssh key到Github回到github网页上进入 Account Settings账户配置左边选择SSH KeysAdd SSH Keytitle随便填粘贴电脑上生成的key完成后就是下面的状态。 验证是否成功在git bash下输入 1$ ssh -T gitgithub.com 如果是第一次生成ssh key的会提示是否continue输入yes就会显示已成功连上github。- 本地仓库关联github- **设置username和email**因为github每次commit都会记录他们12$ git config --global user.name [your name] $ git config --global user.email [your_emailyouremail.com] - **关联远程GitHub仓库**进入要上传的本地仓库所在目录右键打开git bash窗口添加远程地址 1234$ git remote add origin gitgithub.com:yourName/yourRepo.git# 例如连接自己的博客远程仓库git remote add origin gitgithub.com:dby124/dby124.github.io.git yourName和yourRepo表示你在github的用户名和刚才新建的仓库加完之后进入.git打开config这里会多出一个remote origin内容这就是刚才添加的远程地址也可以直接修改config来配置远程地址。 - **创建新本地git仓库**进入要上传的本地仓库所在目录然后执行 git init 以创建新的 git 仓库。 1$ git init参考GitHub简明教程4部署到对应的网站上去 本地测试没有问题后执行下面命令 12$ hexo g # 生成静态网页$ hexo d #上传到GitHub对应的仓库中自动备份Hexo博客源文件安装shelljs模块 1npm install --save shelljs 模块安装完成在blog根目录的scripts文件夹如果没有就新建一个下新建一个js文件文件名随意取 修改脚本内容中hexo的根目录路径 1cd(D:/nodejs/beatriceblog); //此处修改为Hexo根目录路径 这样每次更新博文并deploy到服务器上之后备份就会自动启动并完成备份。 参考hexo个人博客搭建教程 【HexoGithub】域名和github绑定的问题本地端 在/blog/themes/landscape/source目录下新建文件名为CNAME文件注意没有后缀名直接将自己的域名如jeasonstudio.com写入。 终端cd到blog目录下执行如下命令重新部署 123$ hexo clean$ hexo g$ hexo d域名解析 如果将域名指向一个域名实现与被指向域名相同的访问效果需要增加CNAME记录。登录你注册域名的网站比如万网在你购买的域名后边点击解析 – 添加解析记录类型CNAME主机记录将域名解析为example.com不带www填写或者不填写记录值yourname.github.io. (不要忘记最后的yourname改为你自己的用户名)点击保存即可。参考【HexoGithub】域名和github绑定的问题