美文网首页
无标题文章

无标题文章

作者: liboren | 来源:发表于2017-04-23 16:18 被阅读0次

    **1.Hexo环境搭建**

    **1 安装 Git**


    下载地址:[Git](https://git-scm.com/download/)下载 Git并按照提示完成安装**2 安装Node.js**下载地址:[Node.js](https://nodejs.org/en/)下载 Node.js并按照提示完成安装**3 Hexo环境搭建****3.1 安装 Hexo**1.打开git bash,执行如下命令```$ npm install -g hexo```**3.2 新建一个博客文件夹**在电脑中建立一个名字叫「HexoBlog」的文件夹(比如我建在了D:\HexoBlog)**3.3 初始化Hexo**然后在此文件夹中右键打开Git Bash。执行下面的命令```$ hexo init[info] Copying data[info] You are almost done! Dont forget to run npm install before you start blogging with Hexo!```Hexo随后会自动在目标文件夹建立网站所需要的文件**3.4 安装依赖包**运行 npm install(在 /D/HexoBlog下)```npm install```会在D:\Hexo目录中安装 node_modules。**3.5 启动服务**执行命令```npm install hexo-server –save```然后运行下面的命令(在 /D/HexoBlog下)```$ hexo server[info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.```表明Hexo Server已经启动了,在浏览器中打开http://localhost:4000/,这时可以看到Hexo已为你生成了一篇blog。你可以按Ctrl+C 停止Server。**3.6 新建文章**新打开一个git bash命令行窗口,cd到/D/HexoBlog下,执行下面的命令```$ hexo new "My New Post"[info] File created at d:\Hexo\source\_posts\My-New-Post.md```刷新http://localhost:4000/,可以发现已生成了一篇新文章 “My New Post”。**3.7 生成静态文件**执行下面的命令,将markdown文件生成静态网页。```$ hexo generate```该命令执行完后,会在 D:\HexoBlog\public\ 目录下生成一系列html,css等文件。**3.8 编辑文章**hexo new “My New Post”会在D:\Hexo\source_posts目录下生成一个markdown文件:My-New-Post.md可以使用一个支持markdown语法的编辑器(比如 Sublime Text)来编辑该文件。**4.部署到github****4.1 修改配置文件**部署到Github前需要配置_config.yml文件,首先找到下面的内容```# Deployment## Docs: http://hexo.io/docs/deployment.htmldeploy:type:```然后将它们修改为```# Deployment## Docs: http://hexo.io/docs/deployment.htmldeploy:type: githubrepository: https://github.com/liboren/liboren.github.io.git (Github仓库地址,如何搭建github仓库请自行研究)branch: master (分支名称)```**4.2 安装hexo-deployer-git**执行以下命令```npm install hexo-deployer-git --save```**4.3 部署**执行命令```hexo cleanhexo generatehexo deploy```执行完后登录github对应的博客网址,就能看到**5 Hexo常用命令总结**-hexo new “postName” #新建文章-hexo new page “pageName” #新建页面-hexo generate #生成静态页面至public目录-hexo server #开启预览访问端口(默认端口4000,’ctrl + c’关闭server)-hexo deploy #将.deploy目录部署到GitHub-hexo help # 查看帮助-hexo version #查看Hexo的版本**6 设置主题**本博客用的主题是NexT,地址是NexT更多主题可以在github上找**遇到的一些问题和解决方法**1.输入hexo server 显示没有这个命令解决方法:执行npm install hexo-server –save命令2.起了服务后打开localhost:4000出来Cannot GET /解决方法:执行npm install命令小工具:[在线markdown编辑器](https://www.zybuluo.com/mdeditor)

    相关文章

      网友评论

          本文标题:无标题文章

          本文链接:https://www.haomeiwen.com/subject/bjdyzttx.html