网站文章内容编辑器(博客论坛网站多种多样的不断竞争淘汰中，各大网站功能等可能都相差无几)

　　网站文章内容编辑器(博客论坛网站多种多样的不断竞争淘汰中，各大网站功能等可能都相差无几)

　　博客介绍

　　写博客应该是程序员的一个很好的习惯，个人觉得还挺高的^_^。还有各种在线博客论坛网站。我个人觉得在长期不断的竞争和淘汰中，各大网站的功能可能都差不多。只需选择您喜欢的一种。

　　我的个人情况是CSDN博客和Github Pages的结合独立的个人博客页面，因为听说拥有自己的Github主页也是一件挺高大上的事情-_-。

　　关于 Github

　　然后简单介绍一下Github及其Github Pages功能。

　　GitHub 是开源和私有软件项目的托管平台，也是分布式版本控制系统。详情见百度百科。说到分布式，自然还有另外一个中心化的版本控制系统：SVN，感兴趣的朋友可以了解一下百度百科。GIt是SVN的开发版，现在主流的也是GIt，但是一些大公司还在用SVN。两者都有自己的优点和缺点。您可以亲自体验它们。这里我就不详细解释了，用一张图来简单说明一下：

　　

　　GIthub Pages 是 github 上的一个函数。可以把网页文件放在指定的文件夹下，然后给你一个专属域名来展示一些项目，不过现在多用于开发个人博客网站。接下来，我将按照我使用过的步骤一步一步地构建个人博客。顺便说说我一路上遇到的坑。如无提及，请自行百度。

　　创建 Github 帐户

　　github页面功能依赖于github账号。如果没有，去官网注册一个：

　　

　　然后好像需要邮箱验证，就是填的那个，点击验证链接注册成功。

　　创建仓库

　　有了自己的账号后，就可以按照官网的指导创建自己的第一个仓库，也就是repository：

　　

　　填写资料

　　

　　已创建

　　

　　至此，你已经创建了自己的仓库，可以将文件上传到这个目录下，接下来我们将使用这个仓库来使用github pages功能。

　　填满仓库

　　仓库搭建好，接下来就是往里面加载东西，就是支持博客首页的一些网页文件和配置文件。对于新手来说，自己写这些文件就有点笑话了，所以可以选择使用已有的主题。你可以选择复制我的，然后选择你自己的仓库。对网页有一定基础的同学可以在以后修改网页​​内容。

　　如果觉得修改麻烦可以跳过这一步，进入下一步选择自己喜欢的主题

　　

　　配置 Github Pages 功能

　　然后我们来配置github页面

　　

　　重命名，注意格式

　　

　　向下滚动上面的页面，您现在可以访问它

　　

　　当然，github 也提供了一些主题可供选择，点击上方的“选择一个主题”按钮进行选择

　　

　　这个网站还有更多主题工作者可供选择：如果选择有困难，请绕道-_-

　　用于博客编写和上传的 Git 基础知识

　　说到上传文件到我们自己的github仓库，我们使用工具“git”进行拉、克隆、提交等一系列操作。Linux系统应该是内置的。官网下载地址为：。并且需要掌握一些基本的git操作，比如git commit、git push、git clone等，这里有一个非常完整的教程：Git语法说明。

　　git配置

　　

　　git config --global user.name "YOUR NAME"

git config --global user.email "YOUR EMAIL ADDRESS"

　　NAME 是您的昵称，EMAIL ADDRESS 是您注册的邮箱

　　cd ~/.ssh

mkdir key_backup

ssh-keygen -t rsa -C "*your_email@youremail.com*"

　　注意这个不是cmd里面输入的，而是新安装的git bash软件，可以在电脑菜单中搜索

　　然后会生成以下两个文件：

　　

　　id_rsa.pub是我们后面需要的公钥文件，使用命令cat id_rsa.pub将内容复制到剪贴板，然后进入github账号设置进行粘贴

　　

　　选择添加 SSH 密钥：

　　

　　粘贴刚才复制的内容

　　

　　然后输入 ssh -T 测试连接状态

　　我的windows版本不成功，不知道linux是否成功，报错如下，应该是windows ssh配置问题

　　

　　git 桌面版

　　如果你也有上述情况，不用担心，git仍然可以使用https协议连接，只是每次都要输入账号和密码，不过可以选择github官方提供的git桌面软件：

　　我在这里下载

　　

　　界面如下，需要登录，方便以后提交文件，cmd也可以用git提交，不用每次都输入密码

　　

　　可以查看更改的文件，甚至文件中更改的内容，提交后点击fetch按钮提交

　　

　　软件的功能并不复杂，过一会你就会发现。图形界面软件使一些命令行操作变得简单友好。

　　创建本地仓库

　　选择本地文件夹保存本地仓库文件，尽量为空文件夹，然后使用命令git init初始化文件夹，实际上在当前文件夹中生成了一个名为.git的隐藏文件夹，里面收录一些配置文件，不要随意更改。

　　使用 git clone 将远程仓库克隆到这个本地文件夹，name 是你的昵称，repository 是你的仓库名，最后不要忘记.git 后缀。

　　然后这个文件夹下会多出一个和你的仓库同名的文件夹，内部文件和远程仓库一样。

　　

　　绑定远程仓库，方便提交：

　　介绍几个常用的命令：

　　git add . # 添加文件

git commit -m "commit-messages" # 提交本地仓库

git push origin master # 提交远程仓库

git pull # 拉取远程文件，与以下命令类似

git branch temp # 创建本地分支

git fetch origin master:temp

git merge master

　　安装 Jekyll 关于 Jekyll

　　Jekyll 是一个用于生成博客网页的简单且免费的框架。Github Pages的功能是利用Jekyll框架从仓库中的文件中生成静态网页供人们浏览。其初衷是为“自我介绍”提供GitHub项目。人们已经发现了他们博客网站的用途，也就是上面介绍的博客网站。详情请参考官网：，还有中文版：易读。上面网站的话题也是jekyll，还有一个类似的工具叫“hexo”，自己理解。

　　修改后的文件上传到github仓库后，需要一段时间才能看到网页的变化或修改效果，不方便调试页面效果和功能，所以如果选择本地安装jekyll框架开发环境，可以快速预览生成效果，方便调试，最后将成品上传到GitHub仓库，得到预期效果。

　　安装步骤

　　

　　

　　打开 jekyll

　　直接输入 jekyll s 启动 jekyll 服务。Windows 可能会遇到以下问题：

　　

　　使用 bundle exec jekyll s 命令来运行它。如果提示没有安装bundler，直接gem install bundler然后bundle install即可。也可能会提示没有安装其他组件。记下名称和 gem install xxx。

　　然后就可以运行成功了，退出按ctrl+c：

　　

　　运行时不要关闭此窗口。在浏览器中输入 127.0.0.1:4000 或 localhost:4000 进行预览，但是我的windows预览效果不是很好，加载不了。图片，其他系统没试过；

　　博客和上传 Markdown 的基础知识

　　Jekyll 使用 Markdown 来写博客。Markdown 是一种简单易读的标记语言。与HTML不同，大量的标签不易阅读，编写起来也很麻烦。Markdown 非常适合写博客。

　　首先，你需要了解一些markdown语法。这是语法描述的完整版本：Markdown 语法描述。了解了一些基础知识后，就可以开始写博客了。

　　工具介绍

　　本文文章：Markdown简洁语法终于介绍了一些好用的markdown编辑器，自己选吧。但是每次用编辑器写.md文件，用git上传到github根目录下的_post文件夹，就显得很繁琐。Jekyll 官方提供了一个方便的博客编辑器，用于编写、预览和上传。官网链接：共有三个系统版本。接下来简单介绍一些用途：

　　安装后主界面：

　　

　　新增帐户

　　

　　配置令牌

　　

　　保存后会生成一个token，返回软件粘贴到输入框。

　　

　　写入后保存并上传

　　

　　您可以在此处查看和修改帐户下的博客

　　

　　

　　软件其他功能还在完善中，自行探索

　　画床介绍

　　如果你写博客，你不能避免上传图片。图片床就是这样一个地方，就是一个网站，你把自己的图片贴出来上传到它的网站，然后它给你这个图片的链接，插入到博客中的图片可以显示在。

　　推荐一个比较有名的七牛云，注册实名认证后有一定的优惠。还有一个神奇的网站：也可以用

　　然后在 jekyll writer 中配置：

　　

　　当然，我是用CSDN在线编辑器写博客的。图片可以直接上传到CSDN，直接生成链接。也可以使用工具

　　关于图像尺寸

　　markdown的图片插入方法！[title]() 不能修改图片大小，可以使用html