• 0755-82538016
  • 0755-82560826
  • 深圳网站建设_APP小程序开发_博纳网络

    • 网站建设案例
      • ";

        营销网站建设

        全网营销网站

        高端网站建设

        商城网站建设

        外贸网站建设

        小程序开发

        区块链开发

        物联网项目开发

        定制app开发

        在线教育网站

        速成网站建设

        服装网站建设

        餐饮网站建设

        珠宝首饰网站

        机械制造网站

        文化旅游网站

        家装建材网站

        美容化妆品网站

        数码产品网站

        模板案例库

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站推广
      • ";

        网站优化基础

        建站优化

        网站优化

        营销推广

        整站优化

        推广帮助

        谷歌搜索

        推广方案

        推广套餐

        推广技巧

        百度排名

        巧用微博推广

        直播视频网站推广法

        微信推广网站方法

        网站外链推广

        公共微信号推广

        网站优化闲谈

        常见问题

        公司资讯

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站制作资讯
      • ";

        网站制作

        外贸网站建设

        网站设计

        网站代运营

        深圳网站建设专栏

        深圳小程序开发

        网站改版

        APP开发

        网站建设方案

        安全维护

        软件开发

        平台搭建

        建站行业资讯

        域名注册

        虚拟主机

        企业邮局

        国外主机

        VPS独享空间

        免备案香港服务器

        如何解析域名

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 网站报价
      • ";

        网站报价

        建站方案

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 公司动态
      • ";
        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 关注博纳
      • ";

        网站制作精英团队

        网站建设公司愿景

        公司介绍

        主营业务

        博纳文化

        加入博纳

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
    • 联系我们
      • ";

        网站建设公司联系方式

        网站建设、网站制作公司乘车路线

        联系电话:0755-82560826 82538016 82560635邮箱:qin@198bona.com地址:深圳市福田区皇岗路5007神采苑402栋610
      网站制作资讯

      当前位置:

        主页网站制作资讯建站行业资讯网站建设之如何免费搭建一个属于自己的博客网站

      网站建设之如何免费搭建一个属于自己的博客网站

      发布时间:2017-08-05

      文章编辑:网站建设 文章来源:建站行业资讯 浏览量:次

       必备工具:
          1、coding   或者  github  (这将是你博客的服务器)

          2、Hexo  或者  jekyll  (这是你博客的系统,当然还有很多别的 可以自行百度/谷歌 :“静态博客”)

          3、git (这可是个很重要的玩意儿没有这个你搞不定你的博客)

          4、nodejs (这尼玛也很重要)

          5、sublime 或者 atom 或者 vscode 再不济 你就 记事本吧!(这玩意重不重要 其实还好,主要是用来写 博客的,就是个编辑工具,当然 如果你是个码农 那你一定认识它们真正的作用,这些软件的官网都是 鹰语哦 看不懂的 请时刻 有道)



      在这篇教程里面,我们选择使用coding提供的 coding page服务 和 Hexo 博客系统

      有人说:为啥不选 github?

      A:为了照顾一些 英语捉急的朋友,还有就是 这里是 China 所以github 有时候不稳定。

      又有人说:为啥不选 jekyll 博客系统

      A:我乐意 咋滴 不服? 你来咬我呀~我就高兴选择 Hexo,我才不会告诉你jekyll 我自己都还没用过因为我嫌弃 它 前期需要安装的东西太多



      OK. 话不投机半句多,哦不,是话不多说,正式开始



      Step 1:
          首先 让我们打开 coding的网站: coding.net,然后注册一个账号。(这个总会吧?不需要我一个个截图给你演示吧?这个再不会的话,你就不用往下看了,后面的内容会 超过你的智商上限的)

      Step 2:
          注册完之后 我们点击左侧的项目菜单进入 项目页面

          


      我们 对应填入 项目名称和项目描述, 后面的你都不用管 不过 免费的 coding用户只能最多创建5个私有项目,所以 建议选择 公开,反正也没人会吃饱了撑的 去动你的 项目的,Trust Me



      创建完之后 你的博客的 服务器部分 的 第一阶段 算是完成了。。。

      怎么样 很简单吧?别急,还没完全结束呢,我们之后还要回来的。。。



      Step 3:
          在一开始的时候 我记得有 提到过 git

          * 如果你是mac,辣么恭喜你,你已经预装了git了,如果没有装的话 就去官网上 下载安装吧
          * 如果你是win,辣么乖乖去官网下载安装
          在一开始的时候 我也提到过 nodejs

          辣么,不管你是win还是mac,请你们都去官网下载安装 系统对应的 最新版本吧

          git和node的官网都是全英文的 不过。。。只是 下载 的话 这点程度的英文 你再不懂的话 你还是别往下看了会超出你的智商上限的。。。实在不懂但又想继续的。。。辣么。。。随时准备 有道 吧。。。



      Step 4:
          都已经到这一步了,git 装好了吧?node装好了吧?你们的编辑工具 下载好了么?安装好了吗?

          What? 你说还没有?好吧 那你到这里可以暂停了,等待它(们)下载安装完吧。。。

          那么,已经安装好了的朋友们,我们继续。。。

          mac的朋友们打开你们的 Terminal(终端),win的朋友们打开你们的 cmd

          然后你们的浏览器 打开  快戳我: https://hexo.io/zh-cn/docs/index.html 这个页面

          在你电脑中你 看着顺眼的位置 新建一个文件夹 给它个名字,然后在你的 Terminal / CMD 中 使用命令指向到 这个文件夹 "cd 你的文件夹路径" 然后你就根据 上面这个页面中的 步骤 安装 hexo 命令,

          安装完之后 https://hexo.io/zh-cn/docs/setup.html 再根据这个页面的 介绍 安装 hexo系统

          然后 我们再执行

          npm install hexo-deployer-git --save
          这个命令 安装 你博客的发布工具

          辣么 恭喜你 到此 你的博客系统已经安装完毕了!是的呢,看上去辣么多文字,其实 实际操作起来 贼TM简单



      Step 5:
          OK 到这一步了就很简单了。。。对你的hexo 系统进行一些简单的配置

          用你刚才安装的 编辑工具 打开 hexo系统 所在的文件夹(别告诉我你忘了装哪了,那么就去屎吧)

          找到最外面的 _config.yml 文件 并打开它,

          

       我们看到 有这么几项: title subtitle description author language timezone

          我们一个个介绍

          title: 博客的名字
          subtitle:副标题
          description:博客的描述(这个影响seo)
          author:作者
          language:博客的主语言
          timezome:时区


         



      现在 我们回到 coding里刚才新建的项目里面





      现在我们回到 编辑器里 _config.yml文件 拉到底下 找到 deploy



          一开始 deploy 里只有type 这一项,另外两项需要自己补充

          type:类型 填 git
          repo:git地址 (就是刚才让你复制的那个 地址)
          branch:分支 填 master


          ok 完成了!



      开始写你的第一篇博客吧
          我们回到 Terminal / cmd 里面

          输入 hexo new 测试
          然后 回到编辑器,你会发现 在 source 文件夹下 出现了一个 _posts 文件夹, 里面多出了一个 叫 测试.md 的文件

          双击打开 测试.md 文件

          tags 这里是文章的标签 添加你想要的 标签

          这么写

      然后在 tags 下面的 三个横杠 下面 就是你博文的正文了,

      不过 hexo写作是用的 markdown形式,如果你不懂 markdown 没关系,很简单 百度一下就行了,markdown 很容易上手 而且写作速度也很快(如果你还懂点 html 那你就无敌了,markdown满足不了的时候 你就可以直接添加 html标签)



      预览
          假设 现在 你已经写完了你的博文了,我们如何预览呢?

          回到Terminal / cmd 中 看看 是不是还是指向在 hexo系统所在的 目录,如果不是 请人工指向过来    然后 输入 hexo s

          然后等待

          直到 Terminal / cmd 中 出现如下文字

          INFO Start processing

          INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop


          如果没有出现上述文字 说明出错了,具体为什么 我们啥时候有空再说 或者在文后留言

          然后我们在 浏览器 地址栏中 输入

      localhost:4000
          看!你的博客和博文出现了!检查一下 没问题的话 我们就要准备正式发布了!



      发布
          假设 现在 你已经检查完博文了,那么如何发布呢?

          假设你已经完全按照我上述的步骤 一个没错 一个没跳过的 做了

          好了 接下来 我们要发布文章了,

          回到Terminal / cmd 中 看看 是不是还是指向在 hexo系统所在的 目录,如果不是 请人工指向过来

          然后 输入 hexo g -d

          然后 会要求你 输入 你的 coding的登录用户名和密码

          按要求填入之后 发布就完成了



      开启我们的博客
          仅仅完成上述步骤 我们还不能让我们的博客在 公网上 被访问到,我们还有最最关键的一步没有做

          现在回到coding的页面,在我们刚建的那个项目

          我们看到有个 pages服务        

      !!!!

          我们可以看到如下内容

          我们先选择部署来源  选 master分支

          然后直接点 保存

          然后就会出现

      Coding Pages 已经运行在 httpXXXXXXXX
          的提示,我们点击 这个 链接 就会打开我们的 博客啦!

          惊不惊喜?刺不刺激?

          如果你不满足于 coding给你的域名 那么你可以自己花钱 去买一个域名 然后 填入到 自定义域名中去,具体的步骤 看自定义域名 里面的 查看帮助



      OK 至此 你的免费的博客完成了,

      但是 界面都是千篇一律啊 我想要一点自己的风格。肿么办?!

       戳我!



      选一个 你喜欢的主题

      然后 进入到你的 terminal/cmd 只想到你的 hexo文件夹

      使用

      git clone xxxxxxxx theme/xxx 
      命令下载下来主题,然后在最外层的 _config.yml 中 找到 theme 把 landscap 改成你刚下的主题的文件夹名字就OK了。。。

      任何修改之后 都不要忘记

      hexo g -d
      深圳网站建设博纳网络编辑整理

      当前文章链接:/construction/jzhyzx/704.html
      上一篇:2017中国互联网百强出炉:TAB领衔 游戏企业占据四分之一 下一篇:政府网站建设之e政务 一键通:信息化引发政府治理模式变革
      返回列表
      如果您觉得案例还不错请帮忙分享:

      [声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。

      相关案例推荐

      • 智渡人才招聘

        智渡人才招聘

        企业网站

        智渡人才招聘

      • 依百莲

        依百莲

        行业网站

        依百莲

      • 花高科技行业网站建设案例

        花高科技行业网站建设案例

        行业网站

        花高科技行业网站建设案例

      资讯分类

      • 网站制作
      • 外贸网站建设
      • 网站设计
      • 网站代运营
      • 深圳网站建设专栏
      • 深圳小程序开发
      • 网站改版
      • APP开发
      • 网站建设方案
      • 安全维护
      • 软件开发
      • 平台搭建
      • 建站行业资讯
      • 域名注册
      • 虚拟主机
      • 企业邮局
      • 国外主机
      • VPS独享空间
      • 免备案香港服务器
      • 如何解析域名

      最新发布

      • 移动端网站建设对传统企业带来哪些好处?
      • 深圳网站建设有哪些标准和规范?
      • 做好企业网站建设用户体验可从哪些方面入手?
      • 深圳做网站的公司建设购物网站的流程是怎样的?
      • 深圳网站建设:专业的营销网站建设具有哪些特征?
      • 深圳网站建设:成功的手机网站必有的特征
      • 企业为什么要搭建自己独立的电商网站?
      • 建站价格贵的就是属于高端网站建设吗?
      • 深圳做网站的公司从搭建网站到完成大概需要多久?
      • 企业网站建设做好,流量是关键如何获取?

      相关资讯

      • 网站建设从业人员的前景-网页设计师
      • 网站制作行业的前景与制作人员应具备的素质
      • 2017互联网行业的发展现状与前景
      • APP网站在当今互联网+的政策支持下做好三点
      • APP网站引擎优化九点建议
      • 再谈网站文章原创性对网站质量的影响。
      • 网站营运推广必须要仔细分析客户的行业现状
      • 搜索引擎快照是如何影响网站权重的?
      • 中小微企业如何利用互联网+快步向前
      • 一个电子商务网站平台的优化历程

      热门搜索

      • app网站建设
      • 影视网站建设
      • 深圳网站建设
      • APP开发
      • 企业网站建设
      • 网站开发公司
      • 网站建设
      • 网站制作费用
      • 个人网站建设
      • APP开发公司

      Copyright © 2021 博纳网络 版权所有  粤ICP备17054727号

      • 🏠

        首页

      • 💬

        咨询

      • 📞

        通话

      • 📂

        案例

      • ⬆

        返回