Ghost 博客教程

使用Ghost-cli创建SSL证书

利用Ghost博客自带工具,给自己的nodejs网站创建SSL证书。安装Ghost首先需要安装ghost,才能利用ghost-cli创建SSL。找一个空白test目录执行:ghost install运行安装向导ghost setup会出现安装向导,这个步骤数据库信息可以乱填。因为我们只是利用工具创建证书。Ningx配置文件设置完成后,可以在test/system/files 中找到配置文件。修改里面的端口号为你本地的程序。证书文件在该目录可以找到ssl证书 /etc/letsencrypt/网站名称/重新生成证书在上面创建的ghost博客目录,重新执行ghost setup ssl

  • DaZiYuan
    DaZiYuan
1 min read
Typescript 实战

Typescript 迁移现有工程

记录如何把现有nodejs工程改成typescript工程初始化工程在现有JS工程,或者空白工程。初始化typescript:tsc --init该命令会生成tsconfig.json。参考官网文档按照你自己的需求进行修改。下面是我使用的配置:{ "compilerOptions": { "module": "commonjs", "esModuleInterop": true, "target": "es6", "noImplicitAny": true, "moduleResolution": "node", "sourceMap": true, "outDir": "dist", "baseUrl": ".", "paths": { "*": [ "node_modules/*", "src/types/*" ] } }, "include": [ "src/**/*" ] }移动源码位置参考tsconfig的配置:{ .... "include"

  • DaZiYuan
    DaZiYuan
2 min read
Bootstrap 起步

Bootstrap 通过JS调用插件

学习基于jQuery的Bootstrap插件。了解关于插件的一切,data,api参数等。分离存储 或 打包到一起插件可以单独分离(js/dist/*.js )也可以全部编译到bootstrap.js 或 压缩版bootstrap.min.js 中。如果你使用打包器(Webpack, Rollup…),可以把文件放入到  /js/dist/*.js 。依赖一些插件和CSS组件依赖于其他插件。如果你分离存储请务必确保依赖项在文档中。另外请记住所有插件都基于jQuery(这意味着必须在插件前引用jQuery)。参阅package.json 了解我们支持的jQuery版本。另外 dropdowns,

  • DaZiYuan
    DaZiYuan
4 min read
Bootstrap 起步

Bootstrap 支持的设备

了解Bootstrap支持的浏览器和设备。Bootstrap支持所有主流浏览器和平台的最新稳定版本。Windows上Internet Explorer 10-11 / Microsoft Edge。WebKit,Blink或Gecko内核的不论是直接使用浏览器或者通过对应平台的webview都未明确支持。但是Bootstrap应该能在这些浏览器中正确显示和运行(在大多数情况下)。下面提供了更具体的支持信息。支持的浏览器范围:# https://github.com/browserslist/browserslist#readme >= 1% last 1 major version not dead Chrome >= 45 Firefox >= 38

  • DaZiYuan
    DaZiYuan
4 min read
Bootstrap 起步

Boostrap 内容结构

本文介绍Bootstrap 预编译包和源码的内容结构。另外请记得,Bootstrap的JavaScript插件依赖于jQuery。预编译的Bootstrap下载后,解压压缩包,你会看到如下内容:bootstrap/ ├── css/ │ ├── bootstrap-grid.css │ ├── bootstrap-grid.css.map │ ├── bootstrap-grid.min.css │ ├── bootstrap-grid.min.css.map │ ├── bootstrap-reboot.css │ ├── bootstrap-reboot.css.map │ ├── bootstrap-reboot.min.css │ ├── bootstrap-reboot.min.css.map

  • DaZiYuan
    DaZiYuan
2 min read
Bootstrap 起步

Bootstrap 下载

下载编译好的CSS和JavaScript以及源码。或者使用包管理器,如npm,RubyGems等。已编译文件包下载开箱即用的Bootstrap v4.3.1已编译包,其中包括:编译压缩过的CSS文件(CSS文件比较)编译压缩过的JavaScript文件此包不含文档,源文件或任何其他JavaScript依赖项(jQuery和Popper.js)。下载已编译包源文件下载源文件自己编译。此选项需要一些额外的工具:Sass编译器(支持Libsass或Ruby Sass)。浏览器前缀插件 Autoprefixer此外你还需要构建工具,Bootstrap开发文档中包含这些工具。下载源代码BootstrapCDN不用单独下载,直接使用BootstrapCDN。<link rel="stylesheet" href="https://stackpath.bootstrapcdn.

  • DaZiYuan
    DaZiYuan
2 min read
Bootstrap 布局

Bootstrap 布局综述

Bootstrap项目的组件和选项,包括包装容器,强大的网格系统,灵活的媒体对象和响应式实用的类。容器容器是Bootstrap中最基本的布局元素,使用默认网格系统时容器是必需的。响应式容器可以选择固定宽度(fixed-width,max-width 会在每个响应式断点变化,下文有介绍)或流体宽度(fluid-width,意味着它始终是 100%宽度)。容器可以嵌套,但大多数布局不需要嵌套。<div class="container"> <!-- Content here --> </div>使用.

  • DaZiYuan
    DaZiYuan
4 min read
MongoDB 教程

Windows装MongoDB教程

本文描述如何在windows环境安装MongoDB环境进行本机开发。1.数据库  1.下载官网地址: https://www.mongodb.com/download-center/community  2.安装正常情况直接双击安装。但是如遇到安装卡老半天进度条都不走解决方案如下:重启电脑再次安装,选自定义安装并且取消勾选Install MongoDB Compass。然后window+r输入services.msc,打开服务窗口。把MongoDB Server设置为手动启动,因为我不想开机自动运行,不是每天都需要调试数据库。2.可视化GUI工具 1.下载官方下载地址:https://www.mongodb.

  • DaZiYuan
    DaZiYuan
1 min read
Flutter 起步

Flutter 创建第一个App

1.创建工程a.使用powershell在空白目录,右键打开powershell。win10自带,需要按住shift右键才会显示。也可以去github自己下载:网址截图中分别显示了win10自带和手动安装的两个powershell,都可以使用b.命令行创建项目使用flutter命令创建工程,在powershell窗口键入下面的命令:flutter create first_app cd first_app如果卡在 "flutter packages get" ,请看上一篇文章,添加两个环境变量设置国内镜像。稍等片刻,直到显示下图表示创建成功:工程创建成功接着使用VScode打开工程文件,右键first_app文件夹,点击open with code打开工程。(如果右键菜单没有这个选项请仔细阅读上一篇文章)。2.

  • DaZiYuan
    DaZiYuan
3 min read
Flutter 起步

Flutter 介绍

Flutter 1.0 已经正式发布了,这是谷歌首个正式发布的跨平台移动端高性能UI 工具包。如今的移动端开发充满了妥协。开发者要么为不同的操作系统开发多套客户端,要么使用一些不尽如人意的跨平台方式,获得一点点维护成本却牺牲了大量性能和用户体验。如今有了Flutter,Flutter团队相信他们可以给你世界上最好的移动端开发方式:硬件图像加速和用户界面,本机ARM代码执行,支持所有流行的移动端操作系统。1.介绍FlutterFlutter 并不会取代传统的Android和IOS开发。相反,她是一种app引擎,你可以嵌入到已有的项目中或者创建一个全新的app。Flutter有以下四个特性:1.Flutter能创造漂亮的app。Flutter团队希望可以实现设计师所有天马行空的创意而不被框架禁锢手脚。Flutter可以让你控制屏幕上的每一个像素点,她强大的合成能力可以让你叠加任何动画、视频、文本和控件。Flutter包括了一套完整的Widgets可以在IOS和Andriod使用。并且她提供了一套完整的Material Design实现。2.

  • DaZiYuan
    DaZiYuan
5 min read