shadouhui.cn

成功源于坚持

0%

[github+hexo搭建自己的博客网站

内容参考博客园,如果有不明白的地方可以访问我的网站,啥都会查看

github提供的page,hexo提供的静态博客文档,这样可以搭建一个自己的一个博客网站。

使用github pages服务搭建博客的好处有:

  1. 全是静态文件,访问速度快;
  2. 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台;
  3. 可以随意绑定自己的域名,不仔细看的话根本看不出来你的网站是基于github的;
  4. 数据绝对安全,基于github的版本管理,想恢复到哪个历史版本都行;
  5. 博客内容可以轻松打包、转移、发布到其它平台;

一、github相关设置*

1、在github上创建一个项目

注意:项目名称必须为自己 github的用户名.github.io

img

2、代码库的设置

开启gh-pages功能,点击界面右侧的Settings,你将会打开这个库的setting页面,向下拖动,直到看见GitHub Pages。

之前是需要:点击Automatic page generator,Github将会自动替你创建出一个gh-pages的页面。 如果你的配置没有问题,那么大约15分钟之后,yourname.github.io这个网址就可以正常访问了~ 如果yourname.github.io已经可以正常访问了,那么Github一侧的配置已经全部结束了。

现在不需要设置page generator。就可以访问https://saucxs.github.io/

二、安装hexo

1、全局安装hexo-cli指令

1
npm install hexo-cli -g

查看hexo版本

1
hexo -v

2、初始化hexo

1
hexo init

hexo会自动下载一些文件到这个目录,包括node_modules,目录结构如下图:

img

3、开始体验hexo

1
hexo g

生成静态文件到public文件夹,没有public文件夹就会自动创建,如果有了就会覆盖public内容。

public文件夹的内容是要提交到github上的。

img

4、开启本地服务

1
hexo s

hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故,因为4000这个端口太常见了,解决端口冲突问题。

img

三、如何将hexo与github page联系起来

分为3步:

1、配置SSH key

2、设置Git的user name和email

3、配置deployment

1、配置SSH key

如果你之前已经配置好git个人信息,请跳过这一个 步骤,直接来到

为什么要配置这个呢?因为你提交代码肯定要拥有你的github权限才可以,但是直接使用用户名和密码太不安全了,所以我们使用ssh key来解决本地和服务器的连接问题。

1
$ cd ~/. ssh #检查本机已存在的ssh密钥

如果提示:No such file or directory 说明你是第一次使用git。

1
ssh-keygen -t rsa -C "邮箱"

然后连续3次回车,最终会生成一个文件在用户目录下,

img

打开用户目录,找到.ssh\id_rsa.pub文件,记事本打开并复制里面的内容,打开你的github主页,进入个人设置 -> SSH and GPG keys -> New SSH key:

刚复制的内容粘贴到key那里,title随便填,保存。

img

测试一下是否成功

1
$ ssh -T git@github.com # 注意邮箱地址不用改

img

看到这个信息说明SSH已配置成功!

2、设置Git的user name和email

1
2
$ git config --global user.name "liuxianan"// 你的github用户名,非昵称
$ git config --global user.email "xxx@163.com"// 填写你的github注册邮箱

设置这个是为了便与之后上传到github的page上。

3、设置deployment

配置_config.yml中有关deploy的部分:

正确写法:

1
2
3
4
deploy:
type: git
repository: git@github.com:saucxs/saucxs.github.io.git
branch: master

错误写法:

1
2
3
4
deploy:
type: github
repository: https://github.com/saucxs/saucxs.github.io.git
branch: master

后面一种写法是hexo2.x的写法,现在已经不行了,无论是哪种写法,此时直接执行hexo d的话一般会报如下错误:

1
Deployer not found: github 或者 Deployer not found: git

img

需要安装一个插件

1
npm install hexo-deployer-git --save

再次输入hexo d,就ok了。

img

自己的github的page,显示如下

img

同时,你的github上的项目,代码已经更新。

img

四、保留CNAME、README.md等文件

提交之后网页上一看,发现以前其它代码都没了,此时不要慌,一些非md文件可以把他们放到source文件夹下,这里的所有文件都会原样复制(除了md文件)到public目录。

由于hexo默认会把所有md文件都转换成html,包括README.md,所有需要每次生成之后、上传之前,手动将README.md复制到public目录,并删除README.html

五、修改hexo的主题

在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。

为了描述方便,在以下说明中,将前者称为 站点配置文件, 后者称为 主题配置文件

PS:需要特别注意的地方是,冒号后面必须有一个空格,否则可能会出问题。

举个栗子:

1. 安装 NexT

载主题

如果你熟悉 Git, 建议你使用 克隆最新版本 的方式,之后的更新可以通过 git pull 来快速更新, 而不用再次下载压缩包替换。

在终端窗口下,定位到 Hexo 站点目录下。使用 Git checkout 代码:

1
git clone https://github.com/iissnan/hexo-theme-next themes/next

2. 启用主题

与所有 Hexo 主题启用的模式一样。 当 克隆/下载 完成后,打开 站点配置文件, 找到 theme 字段,并将其值更改为 next。

启用 NexT 主题

1
theme: next

到此,NexT 主题安装完成。下一步我们将验证主题是否正确启用。在切换主题之后、验证之前, 我们最好使用 hexo clean 来清除 Hexo 的缓存

1
hexo clean

img

1
hexo s -g      //生成静态文件,启动本地服务

六、 写博客

定位到我们的hexo根目录,执行命令:

1
hexo new ‘HelloEveryone’

img

我们只需要打开这个文件就可以开始写博客了,默认生成如下内容

当然你也可以直接自己新建md文件,用这个命令的好处是帮我们自动生成了时间。

默认情况下,生成的博文目录会显示全部的文章内容,如何设置文章摘要的长度呢?

答案是在合适的位置加上<!--more-->即可

欢迎光临我的网站查看相关内容

www.shadouhui.cn

corepress.cn 代码

corepress.cn


欢迎访问我的网站:   coreprss.cn

更多内容扫描下方二维码关注我们



更多内容请关注我的公众号

dur5EqFvj81eBz6

利用github建立一个静态网站

  1. 打开github网站就不在说了,注册账号应该都会,这里就不在演示了。

  2. 建立仓库

    1.png

  3. 建立index.html

2022-01-18_083046

今天电脑系统崩溃了,电脑里面啥都没有了,真可惜。

捯饬了半天,以后做事不要太急,心急吃不了热豆腐。

这是一个深刻的教训。

qrcode_for_gh_3b68c1a5ba46_258.jpg

回首2021,是浑浑噩噩的原地踏步?

还是明明白白的进步??

但对学生而言,无疑,2021,是最有收获的一年。

平时学生喜欢把一些感触,记录在手机的备忘录里。

Read more »

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.

Quick Start

Create a new post

1
$ hexo new "My New Post"

More info: Writing

Run server

1
$ hexo server

More info: Server

Generate static files

1
$ hexo generate

More info: Generating

Deploy to remote sites

1
$ hexo deploy

More info: Deployment

2022年1月4日


今天是新年股市开门的第一天,股民对市场的各种猜测又多了起来,市场还是那个市场,不会因为你的意志和猜测走高和走低。市场永远朝着大多数人相反的方向走,你认为市场要向上了,可是,他偏向下,你认为市场要向下走了,他就横着不动,你能咋的他。就像去年的开局之时,核心资产满天飞,可是转眼之间,核心资产也不那么“核心”了,小票横冲直撞,一飞冲天。

所有,在这个市场里,大家都说好的时候,聪明的资金开始撤退了。大家都说不好的时候,聪明的资金开始布局了。如果买入的初心没有变,就不要受到别人的影响,坚持做好自己。

2022年1月5日


短期涨到50%了,要按照自己的交易原则减掉一部分仓位,这样可以进可攻,退可守。自己的心态就不会那么坏了。减掉的仓位不会再加回来,寻找下一个“潜伏对象”。可能有人会说,如果上涨了,你不亏了吗?只有市场不关门,永远都有机会,在这个市场里,活着才是最重要的。如果一直想全仓买在低位,卖在高位,你的心态就会变坏。可能最终的结果是得不偿失。

2022年1月7日


股票简单卖出股票的理由:

  • 高换手
  • 高振福

高换手

先说说高换手,如果一只股票已经涨了可高了,换手率可高,你想一想这是什么原因导致的。在高位,换手率这么大,是谁卖了,谁买了?这里面很可能是主力出货,散户跟风接盘。另外,考虑换手率时要看流实际流通盘,这里面要刨去10大流通股东的持仓,因为他们如果建仓提前要发公告的。这样去掉大股东的持仓流通数量,那当天的换手才算比较真实的。

高振幅

振幅代表了当天多空短期激烈的博弈,不妨我们可以想一想。如果大资金想高位出局的话。那么必然需要对手盘才能完成。而两者交易时,必然需要换手。一旦大量换手,自然振幅加大。所以,虽然并不能说高换手与高振幅就一定会是见顶或阶段顶。可高换手与高振幅确实短期或中期见顶的信号之一。市场交易就是从不确定中找确定。这样才能长久的进行可复制的交易。

主要观点


经验的作用

​ 世界上有多少事情,人类又要多少想学的想做的东西,真的是有章可循吗?有人可能会说到经验,但是一项实验研究表明,有时,经验根本帮不上忙,经验带来的常常不是技巧,而是自信。

经验与专业技术之间的联系

PicGo + Gitee(码云)实现markdown图床


前言:深感在线博客的编辑器坑太多了,文档丢失、必须联网、可移植性太差,所以开始寻找可替代的方案。

markdown是一门易于上手能帮助作者专心写作的文档编辑语言,它的好处太多了,建议想自己动手做笔记写博客的朋友都可以学一学,10分钟上手(我昨天晚上还不会用,今天就开始用它写博客了。。足以证明它是真的很简单)

Tpyora是一款优雅的markdown编辑器,也推荐给大家,至于安装和配置,比安装word还简单,就不赘述了

但是,这都不是重点,重点是咱们写博客的时候,总是需要插入图片的,图片存在本地的话上传到博客网站去就没法显示了,就算一个图一个图的复制粘贴上去,想移植到其他的博客网站,图就会失效,我们就需要图床

图床是干什么的?
图床就是一个便于在博文中插入在线图片连接的个人图片仓库。设置图床之后,在自己博客中插入的图片链接就可以随时随地在线预览了,并且不会因为任何意外原因无法查看,除非自己亲自删除。

神奇的PicGo就是为了解决这个问题诞生的,它可以将图片上传到指定的图床上,然后返回markdown链接,直接粘贴到你的文档中,就搞定啦

问题又来了,网上推荐七牛云阿里云都是要租赁服务器的,太麻烦还要钱,微博现在挂链接又很厉害。大部分人选择用github,但是github虽好却是国外的网站,速度终究比不上国内网站,研究了小半天,终于发现完美的解决方案

最终决定使用PicGo + 国内的github - 码云来实现markdown图床

废话说到这里,开始进入正题


1. 安装

  • PicGo
  • picgo-plugin-gitee-uploader插件

首先打开picgo官网,下载安装包

img

速度有点慢,没关系,PicGo2.1.2的安装包下面链接自取

安装之后打开主界面

img

选择最底下的插件设置,搜索gitee

img

点击右边的gitee-uploader 1.1.2开始安装

这里注意一下,必须要先安装node.js才能安装插件,没装的自己装一下,然后重启就行。

这个地方有两个插件,我试了一遍,两个都能用,大家看心情选择,先说一下右边这个gitee-uploader 1.1.2,用不了的同学就选左边那个,我都会讲一遍配置


2. 建立gitee(码云)图床库

注册码云的方法很简单,网站引导都是中文,不多说了,我们直接建立自己的图床库。

点击右上角的+号,新建仓库

img

新建仓库的要点如下:

  1. 输入一个仓库名称
  2. 其次将仓库设为公开
  3. 勾选使用Readme文件初始化这个仓库

这个选项勾上,这样码云会自动给你的仓库建立master分支,这点很重要!!! 我因为这点折腾了很久,因为使用github做图床picgo好像会自动帮你生成master分支,而picgo里的gitee插件不会帮你自动生成分支。

img

点击创建进入下一步


3. 配置PicGo

安装了gitee-uploader 1.1.2插件之后,我们开始配置插件

配置插件的要点如下:

img

  • repo:用户名/仓库名称,比如我自己的仓库leonG7/blogImage,找不到的可以直接复制仓库的url

img

  • branch:分支,这里写上master
  • token:填入码云的私人令牌
  • path:路径,一般写上img
  • customPath:提交消息,这一项和下一项customURL都不用填。在提交到码云后,会显示提交消息,插件默认提交的是 Upload 图片名 by picGo - 时间

这个token怎么获取,下面登录进自己的码云

  1. 点击头像,进入设置

img

  1. 找到右边安全设置里面的私人令牌

img

  1. 点击生成新令牌,把projects这一项勾上,其他的不用勾,然后提交

img

这里需要验证一下密码,验证密码之后会出来一串数字,这一串数字就是你的token,将这串数字复制到刚才的配置里面去。

img

注意:这个令牌只会明文显示一次,建议在配置插件的时候再来生成令牌,直接复制进去,搞丢了又要重新生成一个。

现在保存你刚才的配置,然后将它设置为默认图床,大功告成。

还有一个插件gitee 1.2.2-beta,功能差不多,刚才那个能用的话就不需要用这个,配置的内容有点差别,简单说一下:

img

  • url:图床网站,这里写码云的主页 https://gitee.com
  • owner:所有者,写上你的码云账号名,如果你不知道你的账号名,进入你刚才的仓库,浏览器url里面有

img

  • repo:仓库名称,只要写上仓库名称就行,比如我自己的仓库blogImage
  • path:写上路径,一般是img,这几个项都不用加“ / “符号
  • token:刚才你获取的个人令牌,两个插件是通用的,如果你用了另一个再来用这个,它会自动读取另一个插件的部分配置,不用重新申请
  • message:不用填

4. 测试

随便选一张图片上传(picgo也支持剪贴板上传,截图工具推荐win10的Snipaste神器!),试试看

超级快有木有!比github快很多,0.1秒上传,而且导入到你的markdown编辑器里面也是秒识别你的图片内容,而如果是github图床上传太慢不说可能还会出现下面这样识别不出来的问题!

img

上传之后默认复制链接,直接粘贴到你的markdown编辑器里,就可以愉快的进行写作了!

最后推荐一下我的博客写作套件Typora + PicGo + Snipaste,Typora写文档,Snipaste一键截图,PicGo一键上传图片返回链接。

更多的内容请访问考点网公众号:ikaodian