美文网首页技术干货让前端飞
最适合前端人员的个人博客创建

最适合前端人员的个人博客创建

作者: getElementsByMK | 来源:发表于2017-05-24 19:02 被阅读0次

需要用到的工具

1.node.js
2.github账号

简单介绍

  1. github提供了静态页面托管服务, github给每一个用户都提供了一个项目的静态页面托管服务,但是一定要注意,一个账户只有一个项目的名额

  2. github静态页面托管服务会给你提供一个域名,让你访问自己的网站

  3. 服务器也是github的服务器

  4. Hexo, 你只需要写MarkDown文件,hexo这种框架会自动帮你把所有的markdown文件转换成html,并且帮你将所有的文章进行归类

安装教程

node.js 安装

<a href = 'https://nodejs.org/en/download/'>node.js下载页</a>
1.进入node.js官网,下载你电脑所对应的安装包
2.安装完后,你可以在命令行中查看是否安装成功。windows键加R打开运行窗口,输入cmd,打开命令行,再输入node -v,回车,就可以看到node的版本。
3.npm是node的常用方法,现在node都是自带了npm方法,直接在命令行输入npm -v就可以查看npm版本。

Hexo的安装

在命令行输入 npm install hexo-cli -g

Hexo的使用

新建一个文件夹,建议命名为 blog
在新建的文件夹内按住 shift +鼠标右键,单击 在此处打开命令窗口
1.初始化博客
在命令行输入 hexo init
2.新建一篇文章(文章自动保存在 sources/_posts/....)
在命令行输入 hexo new "文章名"
3.将md文件生成html
在命令行输入 hexo g
4.在本地预览已经编辑好的博客内容
在命令行输入 hexo s

要把生成好的网站发布到 github上

  1. 需要注册github账号
  2. 在github中创建一个库 库名 github用户名.github.io
  3. 配置在博客文件根目录中的_congif.yml文件(在文件最后找到deploy),输入以下代码:
    deploy:
      type: git
      repo: 就是刚才创建的那个库的地址(复制https的地址)
      branch: master
    

4.安装git<a href = 'https://git-scm.com/'>git下载</a>

  1. 在博客根目录下打开命令窗口
    在命令行输入 npm install hexo-deployer-git --save
  2. 在public目录下
    鼠标右键 选择 Git Bash Here
    在命令行输入 git init命令
    在命令行输入 hexo d 命令

大功告成 可以通过 github用户名.github.io 直接访问你的博客了

相关文章

  • 最适合前端人员的个人博客创建

    需要用到的工具 1.node.js2.github账号 简单介绍 github提供了静态页面托管服务, githu...

  • django与前端相结合

    个人博客:http://pmx-xiguazi.com上次创建了前端模板以及配置好了django静态文件,所以今天...

  • 「公告」欢迎关注个人公众号

    为了更好地推广和分享知识,创建了个人微信公众号「前端进阶之旅」,欢迎搜索搜索关注。 个人博客,目前更新了大量文章:...

  • 如何创建个人博客

    原文地址:https://blog.csdn.net/gdutxiaoxu/article/details/535...

  • 创建个人静态博客

    思路: 本地使用Hexo生成静态页面(html) 上传到WEB服务器 1、 安装Hexo 及生成静态页面 安装No...

  • 个人博客搭建

    记录一下个人博客的搭建: 1.核心思想1.1博客分为前端展示页面以及后端博客管理系统前端主要负责展示博客,后端负责...

  • 推荐几个好的前端博客和网站

    前端开发博客前端开发博客-前端开发,前端博客 对前端知识结构的理解人类身份验证 - SegmentFault 脚本...

  • 使用Hexo创建个人的博客

    title: 使用Hexo创建个人的博客 这里讲的是git+hexo+github创建个人博客,hexo是一个基于...

  • 第一篇想说的话

    这是我创建个人博客的第一篇文章,说些什么呢,就说说我为什么要创建这个博客,以及博客记录的内容吧。 创建博客的原因 ...

  • Mac下使用Hexo搭建GitHub博客

    介绍如何在Github上创建个人博客。例如 - 我的Github博客。 创建GitHub账号 注册Github账号...

网友评论

    本文标题:最适合前端人员的个人博客创建

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