happypeter / book Goto Github PK

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

样式细节调整

继续 #8

theme

material design 风格：http://toy.haoduoshipin.com/gm/material-design/introduction.html#

代码块风格：https://laracasts.com/discuss/channels/site-improvements/private-messages-1

所以基本上就是：http://c.haoduoshipin.com/dcity/day1.html 这个样子。

更短的 script 名

npm run develop

改成

npm run dev

使用更方便。

palette

http://colorhunt.co/c/105887

思路

http://c.haoduoshipin.com/haoqi-alipay/contract.html

就基于原来的 jekyll 的基本思路。改进 css 和转换脚本。

window is not defined

npm run build

的时候才会报这个错。

原因：https://www.gatsbyjs.org/docs/debugging-html-builds/

Design V4

补充：https://github.com/happypeter/book/wiki/design#v4-2018%E5%B9%B43%E6%9C%8825%E6%97%A5

自动生成精美的 3d 书封面

利用 css3/svg 等技术，让用户放一个简单图片，就可以生成精美的封面。类似 http://book.haoduoshipin.com/tealeaf-http/ 这里的效果。

文字稿样式

color theme

暂时使用

import 'prismjs/themes/prism-okaidia.css'

集成 algolia

https://community.algolia.com/docsearch/

实现站内搜索功能。

书籍封面图改为 svg React 组件

导航调整

链接格式：

/ 首页
/git-beijing 书目录页
/git-beijing/1 每节详情页

每节详情页

导航栏目前还不工作

代码越长，pre>code 越宽

于是手机上的响应式就表现受到影响了。

如果某个页面上有单行很长的代码，那么这个页面的移动版字体就变得很小了。

一个例子：https://book.haoqicat.com/go-responsive/006-patterns

期待结果：

代码长了，可以 scroll 。影响总的页面宽度，从而让手机端显示正常。

移动版首页位置错乱

design v2

https://coding.net/s/8cb1cf8b-23d4-4813-bb22-4f64348d9eab

改变内容：https://github.com/happypeter/book/wiki/design#v2-2018%E5%B9%B42%E6%9C%8822%E6%97%A5

导航栏

小节页面的小节导航栏目前还不工作，参考 reactjs.org 来做。

fix warnings

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

happypeter / book Goto Github PK

book's Issues

说明

链接格式：

每节详情页

期待结果：

Recommend Projects

Recommend Topics

Recommend Org