happypeter / book Goto Github PK
View Code? Open in Web Editor NEW好奇猫图书馆
Home Page: http://book.haoqicat.com
License: MIT License
好奇猫图书馆
Home Page: http://book.haoqicat.com
License: MIT License
先完成这一步,然后再提交到 https://community.algolia.com/docsearch/
gatsby 下如何写配置呢?
lowPriorityWarning.js:38 Warning: Accessing PropTypes via the main React package is deprecated, and will be removed in React v16.0. Use the latest available v15.* prop-types package from npm instead. For info on usage, compatibility, migration and more, see https://fb.me/prop-types-docs
printWarning @ lowPriorityWarning.js:38
lowPriorityWarning @ lowPriorityWarning.js:57
get @ React.js:98
_interopRequireWildcard @ Input.js:47
./node_modules/antd/lib/input/Input.js @ Input.js:33
__webpack_require__ @ bootstrap 613e83a7ea8d24ff14af:555
fn @ bootstrap 613e83a7ea8d24ff14af:86
./node_modules/antd/lib/input/index.js @ index.js:7
__webpack_require__ @ bootstrap 613e83a7ea8d24ff14af:555
fn @ bootstrap 613e83a7ea8d24ff14af:86
./src/pages/index.js @ index.js:63
__webpack_require__ @ bootstrap 613e83a7ea8d24ff14af:555
fn @ bootstrap 613e83a7ea8d24ff14af:86
./.cache/sync-requires.js @ sync-requires.js:13
__webpack_require__ @ bootstrap 613e83a7ea8d24ff14af:555
fn @ bootstrap 613e83a7ea8d24ff14af:86
./.cache/root.js @ root.js:6
__webpack_require__ @ bootstrap 613e83a7ea8d24ff14af:555
fn @ bootstrap 613e83a7ea8d24ff14af:86
(anonymous) @ app.js:37
Promise resolved (async)
./.cache/app.js @ app.js:15
__webpack_require__ @ bootstrap 613e83a7ea8d24ff14af:555
fn @ bootstrap 613e83a7ea8d24ff14af:86
0 @ index.js:176
__webpack_require__ @ bootstrap 613e83a7ea8d24ff14af:555
./node_modules/ansi-html/index.js.module.exports @ bootstrap 613e83a7ea8d24ff14af:578
(anonymous) @ bootstrap 613e83a7ea8d24ff14af:578
lowPriorityWarning.js:38 Warning: Accessing createClass via the main React package is deprecated, and will be removed in React v16.0. Use a plain JavaScript class instead. If you're not yet ready to migrate, create-react-class v15.* is available on npm as a temporary, drop-in replacement. For more info see https://fb.me/react-create-class
pathContext.. { bookId: 'js-monkey' }
error Building static HTML for pages failed
See our docs page on debugging HTML builds for help https://goo.gl/yL9lND
17 | </Side>
18 | <Page>
> 19 | <Title>{episode.title}</Title>
| ^
20 | <Main dangerouslySetInnerHTML={{ __html: ep.html }} />
21 | </Page>
22 | </Content>
WebpackError: Cannot read property 'title' of undefined
这样做的好处是将来方便修改风格。
每一门书都可以有一个自己的封面图。
http://localhost:8000/go-responsive/006-patterns 这里,如果把
```
<div>...</div>
```
编译后的页面,代码就是一片黑,显示不出来的。
显示一个指向首页的链接和一个本书目录页的链接即可
利用 css3/svg 等技术,让用户放一个简单图片,就可以生成精美的封面。类似 http://book.haoduoshipin.com/tealeaf-http/ 这里的效果。
/
首页/git-beijing
书目录页/git-beijing/1
每节详情页导航栏目前还不工作
于是手机上的响应式就表现受到影响了。
如果某个页面上有单行很长的代码,那么这个页面的移动版字体就变得很小了。
一个例子:https://book.haoqicat.com/go-responsive/006-patterns
代码长了,可以 scroll 。影响总的页面宽度,从而让手机端显示正常。
小节页面的小节导航栏目前还不工作,参考 reactjs.org 来做。
暂时使用
import 'prismjs/themes/prism-okaidia.css'
这样以后各个组件中,使用常量即可。
npm run develop
改成
npm run dev
使用更方便。
内容添加到书稿中,
然后显示到 book 页面。
继续 #8
目前访问 https://book.haoqicat.com/o-o-js/004-es6/#%E7%BB%A7%E6%89%BF 是不能把对应的二级标题显示到页面顶部的。
因为样式很不好看。#28 的遗留问题。
https://nodewebapps.com/category/react/
考虑翻译上面部分内容。
http://c.haoduoshipin.com/haoqi-alipay/contract.html
就基于原来的 jekyll 的基本思路。改进 css 和转换脚本。
目前多本书都显示到一行上会很挤。
每行文字控制在40个。
所以文字稿宽度就控制在 680px ,其中核心文字区域的宽度大概是 620px ,然后左右各留30像素的 padding 。
这个首先要体现在设计图上。
做一个极简主义者
https://community.algolia.com/docsearch/
实现站内搜索功能。
书稿出来后,要随时动手可以做微小的添加和调整
所以内容就要直接放到 github 仓库中。最好直接我修改后,就能实时进行编译。要不试试 netlify ?
要不加载超级慢。
用 gatsby 架构来实现。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.