0%

今日记录

花时间处理一些琐事儿,电脑貌似不喜欢被别人动。

电脑闹脾气了,:kissing_heart:,借这个机会,几台电脑都整理了一下。

javascript也不难,:stuck_out_tongue_closed_eyes:。

然后 嗯~ , 先弄出一个网站了。

网站制作,估计要2两周吧。看不见的地方更重要。

以上了~


今日计划完成度

空………………


3日计划

  • 网站制做
  • 规划游戏的API
  • 规划APP的API
  • 网站的API

今日记录

心情极差。坏心情在肚子里烂掉算了,说出来只会更糟。

前两天注册了几个域名,留着私房用~

算是少数能提起精神的事儿

域名有五个

第一个

第二个

第三个

第四个

第五个

正式域名没想好之前,为了方便测试用。

以后大概会改成博客吧。

还处理了一些网站部署的问题,过几天网站,应该每天都有变化。

网站和游戏做完后,想放到kickstarter.com去众筹呢。

明日计划

清理下剩余的技术文档。要忙起来了。

今日记录

复习下HTML与CSS还是简单的.上次用是8年前呢~

因为修改bootstrap时要用到,直接用bootstrap没什么色彩:sob:

服务器的地址 域名还没有想好.

然后还要拯救一下我的英文,太烂了:cold_sweat:

游戏的天赋精简到3层,每层4个选1个.

找到了vus.js用了处理前端数据.

总之加油:grey_exclamation:


今日计划完成度

  • 复习HTML与CSS

3日计划

  • 1. 学习gulp与sass

  • 2. 学习数据结构

  • 3. 了解HTML5 与 CSS3

  • 4. bootstrap学习(前端框架)

  • 5. 设计网站制作进度表

日期:2016年08月05日

今日记录

github.io 上不能挂载 bootstrap 样式,估计要自己写了!

2f36b18b336e53d11ad532f8828bac06

boottstrap还是很简单的,前端除了javascript有点难度,其他的都简单.

下午在digital ocean 弄了一个主机,布置了一下laravel的运行环境.

当然是初步,什么都没有.地址

顺手把梯子也设置了,GFW再见了~ :smiley:

网址什么的还在考虑~ 有推荐吗~ 最好又短又好记~ :ghost:

测试jemoji :+1:!

emoji 使用表

今日计划完成度

  • 主机初步搭建

3日计划

  • 1. 学习gulp与sass

  • 2. 学习数据结构

  • 3. 了解HTML5 与 CSS3

  • 4. bootstrap学习(前端框架)

  • 5. 设计网站制作进度表

Atom

官网

安装atom

1
2
3
$ sudo add-apt-repository ppa:webupd8team/atom
$ sudo apt-get update
$ sudo apt-get install atom

atom packages

atom-chrome

git-plus

markdown-pdf

markdown-preview-plus

markdown-writer

tidy-markdown

emmet

html快速编写工具

jshint

js语法插件

minimap

与sublime相似的代码预览

pigments

markdown-preview-enhanced

markdown-preview-enhanced

mermaid 渲染 flowchart 和 sequence diagram

mermaid 文档

KaTex 渲染数学表达式

需要学习LaTeX语法

KaTeX

参考1

$$\oint_C x^3, dx + 4y^2, dy 2 = \left( \frac{\left(3-x\right) \times 2}{3-x} \right)$$

$$\sum_{m=1}^\infty\sum_{n=1}^\infty\frac{m^2,n} {3^m\left(m,3^n+n,3^m\right)}$$

$$\phi_n(\kappa) = \frac{1}{4\pi^2\kappa^2} \int_0^\infty \frac{\sin(\kappa R)}{\kappa R} \frac{\partial}{\partial R} \left[R^2\frac{\partial D_n(R)}{\partial R}\right],dR$$

sp160804_133226

PlantUML 渲染图形

PlantUML

WaveDrom 来渲染 digital timing diagram.

WaveDrom

使用json样式文本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
{signal: [
{name:'clk', wave: 'p.....PPPPp....' },
{name:'dat', wave: 'x....2345x.....', data: 'a b c d' },
{name:'req', wave: '0....1...0.....' }
],
head: {text:
['tspan',
['tspan', {class:'error h1'}, 'error '],
['tspan', {class:'warning h2'}, 'warning '],
['tspan', {class:'info h3'}, 'info '],
['tspan', {class:'success h4'}, 'success '],
['tspan', {class:'muted h5'}, 'muted '],
['tspan', {class:'h6'}, 'h6 '],
'default ',
['tspan', {fill:'pink', 'font-weight':'bold', 'font-style':'italic'}, 'pink-bold-italic']
]
},
foot: {text:
['tspan', 'E=mc',
['tspan', {dy:'-5'}, '2'],
['tspan', {dy: '5'}, '. '],
['tspan', {'font-size':'25'}, 'B '],
['tspan', {'text-decoration':'overline'},'over '],
['tspan', {'text-decoration':'underline'},'under '],
['tspan', {'baseline-shift':'sub'}, 'sub '],
['tspan', {'baseline-shift':'super'}, 'super ']
],tock:-5
}
}

sp160804_133234

Viz.js 来渲染 dot language 图形.

dot

1
2
3
4
5
6
7
8
9
graph ethane {
C_0 -- H_0 [type=s];
C_0 -- H_1 [type=s];
C_0 -- H_2 [type=s];
C_0 -- C_1 [type=s];
C_1 -- H_3 [type=s];
C_1 -- H_4 [type=s];
C_1 -- H_5 [type=s];
}

sp160804_133243

reveal.js 来渲染漂亮的 presentations

幻灯片样式

presentations

日期:2016年08月04日

今日记录

打印laravel文档,方便以后研究.

各个平台功能分析.

atom 的 markdown-preview-enhanced 插件有个功能很有意思 地址

今日计划完成度

  • 1. laravel文档打印。

  • 2. 安装atom插件,编辑对应笔记

3日计划

  • 1. 学习gulp与sass

  • 2. 学习数据结构

  • 3. 了解HTML5 与 CSS3

  • 4. bootstrap学习(前端框架)

  • 5. 设计网站制作进度表

日期:2016年08月03日

今日记录

安装并使用atom,比sublime好用一点。ubuntu下可以输入中文。

有markdown保存为pdf的插件。

完成laravel学习。

花费时间比预计的要长。

截个图吧~

sp160803_232639

今日计划完成度

  • 1. laravel学习完成。

3日计划

  • 1. 学习gulp与sass

  • 2. 学习laravel 服务。

  • 3. 学习数据结构

  • 4. 了解HTML5 与 CSS3

  • 5. bootstrap学习(前端框架)

  • 6. 设计网站制作进度表


日期:2016年7月13日

今日记录

  1. mysql禁止了root用户登录,所以新建一个高权限用户吧!参考地址

  2. 学习laravel快速入门

今日计划完成度

    1. 学习gulp与sass
  • [1/2] 2. 定制玩家天赋

    1. laravel 学习
    1. 学习数据结构
    1. 设置jekyll分页以及disqus模块

明日计划

    1. 学习gulp与sass
    1. 定制玩家天赋
    1. laravel 学习
    1. 学习数据结构

vim 使用指南

1.vim 插件管理器

1.1 Vundle git仓库

安装文档有中文指南。

1.2 第一步

$ git clone https://github.com/VundleVim/Vundle.vim.git ~/.vim/bundle/Vundle.vim

1.3 第二步

.vimrc文件进行设置。

begin()end()之间的为可以添加的插件。

插件添加支持多种格式。

set rtp+=~/.vim/bundle/Vundle.vim
call vundle#begin()

Plugin 'VundleVim/Vundle.vim'
Plugin 'tpope/vim-fugitive'
Plugin 'L9'
Plugin 'wincent/command-t'
Plugin 'godlygeek/tabular'
Plugin 'plasticboy/vim-markdown'
Plugin 'suan/vim-instant-markdown'

call vundle#end()            
filetype plugin indent on

1.4 第三步

在vim中输入:PluginInstall来安装插件。


2.vim 常用插件指南

2.1 Command-t

插件地址

插件需要安装ruby,安装完成后,进入目录~/.vim/bundle/command-t/ruby/command-t

执行下方命令:

ruby extconf.rb
make

之后进入Vim,输入命令:CommandT查看效果。

如果提示vim不支持ruby,则安装vim-nox

$ sudo apt-get install vim-nox

下图,为正常运行图

简要使用说明

tab为选择切换到文件选择。方向键用了选择文件。enter确认选择。


2.2 vim中编写markdown与预览

需要安装的插件有三个。

Plugin 'godlygeek/tabular'
Plugin 'plasticboy/vim-markdown'
Plugin 'suan/vim-instant-markdown'

其中vim-instant-markdown需要安装nodejsnpmxdg-utilsnodejs-legacy

安装instant-markdown-d

$ sudo npm -g install instant-markdown-d

其他需要组件:

$ sudo apt-get install nodejs
$ sudo apt-get install npm
$ sudo apt-get install xdg-utils
$ sudo apt-get install nodejs-legacy

实现的效果为浏览器预览markdown语法高亮

安装完成后效果如下图:


2.3 nerdTree

参考地址

nerdtree-git-plugin git语法提示

vim-nerdtree-tabs NERDTree tag控制

Plugin 'scrooloose/nerdTree'
Plugin 'Xuyuanp/nerdtree-git-plugin'
Plugin 'jistr/vim-nerdtree-tabs'

vim中输入PluginInstall,输入NERDTree检查是否运行

.vimrc中添加设置

" NERDTRee config NERDTree 设置

autocmd vimenter * NERDTree  “ 当指定文件时,自动随VIM启动。

"未指定文件时,加载NERDTree

autocmd StdinReadPre * let s:std_in=1
autocmd VimEnter * if argc() == 0 && !exists("s:std_in") | NERDTree | endif

"隐藏与显示快捷键[Ctrl+n]

map <C-n> :NERDTreeToggle<CR>

"左侧只有一个窗口时,随Vim一起关闭

autocmd bufenter * if (winnr("$") == 1 && exists("b:NERDTree") && b:NERDTree.isTabTree()) | q | endif

日期:2016年7月12日

今日记录

在ubuntu中安装gulpsass

安装nginx+php7.0+mysql。

明日计划

    1. 学习gulp与sass
    1. 定制玩家天赋
    1. laravel 学习
    1. 学习数据结构